JavaScript创建对象简单的说,无非就是使用内置对象(Object)或各种自定义对象,当然还可以用JSON,但写法有很多种,也能混合使用。

1、对象字面量的方式

person = {name : 'limengyi' , age = 21 };

2、用function来模仿无参构造函数

    function Person(){};//定义了一个function,如果使用new“实例化”,该function可以看作一个classvar person = new Person();person.name = 'limengyi';person.age = 21;person.sayInfo = function(){alert("我叫 "+person.name+","+person.age+"岁");}person.sayInfo();

3、用function来模拟有参构造函数(用this关键字定义构造的上下文属性)

    function Person(name,age){this.name=name;     //this作用域:当前对象this.age=age;this.sayInfo=function(){alert("我叫 "+this.name+","+this.age+"岁")}}var person = new Person('limengyi',21);person.sayInfo();

4、用工厂方式来创建(使用内置对象Object)

    var person = new Object();person.name='limengyi';person.age=21;person.sayInfo=function(){alert("我叫 "+person.name+","+person.age+"岁")}person.sayInfo();

5、用原型方法创建

    function Person(){};Person.prototype.name='limengyi';Person.prototype.age=21;Person.prototype.sayInfo=function(){alert("我叫 "+this.name+","+this.age+"岁")}var person = new Person();person.sayInfo();

6、用混合方式(有参构造函数 + 原型方法)创建

用有参构造函数设置每个实例特有的属性和方法
用原型方法设置所有实例共享的属性和方法

    function Person(name,age){this.name=name;this.age = age;}Person.prototype.sayInfo=function(){alert("我叫 "+this.name+","+this.age+"岁")}var person1 = new Person('limengyi',21);var person2 = new Person('lee',12);person1.sayInfo();  //"我叫 limengyi,21岁"person2.sayInfo();  //"我叫 lee,12岁"

转载于:https://www.cnblogs.com/limengyi/p/6171440.html

JavaScript创建对象的6种方式相关推荐

  1. Javascript创建对象的几种方式?

    javascript 中常见的创建对象的几种方式: 1. 使用Object构造函数创建: 使用Object构造函数来创建一个对象,下面代码创建了一个person对象,并用两种方式打印出了Name的属性 ...

  2. [转载]javascript创建对象的几种方式

    原文链接:http://qingfeng825.iteye.com/blog/1935648 1. 工厂方法:能创建并返回特定类型对象的工厂函数(factory function). function ...

  3. javascript创建对象的几种方式 .

    // 1. 工厂方法:能创建并返回特定类型对象的工厂函数(factory function). function createCar(sColor){ var car = new Object(); ...

  4. javascript 创建对象的几种方式总结

    我们一般使用字面量的形式直接创建对象,但是这种创建方式对于创建大量相似对象的时候,会产生大量的重复代码.但 js和一般的面向对象的语言不同,在 ES6 之前它没有类的概念.但是我们可以使用函数来进行模 ...

  5. JavaScript创建对象的三种方式之利用构造函数创建对象及使用方法(3)

    (1.)我们为什么需要构造函数: 因为前面两种创建对象的方式一次只能创建一个对象. (2.)什么是构造函数: 构造函数:就是把我们对象里面的一些相同的属性和方法抽象出来封装到函数里面 (3.)利用构造 ...

  6. javascript创建对象的三种方式

    2019独角兽企业重金招聘Python工程师标准>>> 1.一种更面向对象的方式,是定义新类的时候,将函数直接写入.这样的好处是更面向对象,在实例较少的时候,内存问题不会成为瓶颈. ...

  7. JavaScript创建对象的三种方式之利用new object创建对象及使用方法(2)

    1.利用new object创建对象及使用方法

  8. JavaScript创建对象的三种方式之利用字面量创建对象及使用方法(1)

    1.利用对象字面量创建对象{ } { }符号是对象的字面量 2.调用对象属性以及方法

  9. 【JavaScript】创建对象的三种方式

    JavaScript创建对象的三种方式 1.调用系统的构造函数创建对象2.自定义构造函数创建对象(结合第一种和需求通过工厂模式创建对象)3.字面量的方式创建对象 一.调用系统的构造函数创建对象 举个栗 ...

最新文章

  1. Spring学习五(JDBC支持)
  2. pmp每日三题(2022年3月2日)
  3. Office Web Apps安装部署(二)
  4. idea jstl需要导包吗_1,IDEA-安装及全局配置
  5. 计算机组成原理知识点
  6. java 生成ai矢量图_(针对新手)AI将位图图标转换为矢量图方法
  7. 项目文档----项目描述
  8. 企业内网信息安全实践-记ChinaUnix技术交流
  9. 4.1.1 OS之初识文件管理概念和功能
  10. 人工智能可以应用在哪些领域?
  11. 【Python】图像-粘贴PNG透明图片及处理圆角
  12. 网易云亮相GITC,聚合多样化通信与视频云平台
  13. 微信九宫图生成HTML源码
  14. js实现kmp算法_基于KMP算法JavaScript的实现方法分析
  15. 今年剩下的几个月和明年上半年经济宏观走势 魏杰
  16. HP 380 G9 固件升级
  17. IC验证中的force/release 学习整理(5)研究对 reg类型信号的影响
  18. Unity-EasyAR篇-单,多图片识别
  19. JavaWeb的学习(下)
  20. Visual Studio+VAssistX自动添加注释,函数头注释,文件头注释

热门文章

  1. 错误:'sys'未定义解决方法.(asp.net Ajax v1.0.61025版)
  2. [导入]利用PIL生成水印图片或文字
  3. 《LeetCode力扣练习》第448题 找到所有数组中消失的数字 Java
  4. sublime text3 运行lua_[电脑常识] 用这4个系统垃圾清理软件,让电脑操作系统运行如飞 !...
  5. accessid管理_Access班级管理的使用方法
  6. vue 高阶面试题_高级Web前端工程师面试之Vue问题汇总解析
  7. 特征值与特征向量_矩阵的特征值和特征向量
  8. 威廉与玛丽学院读计算机博士,威廉与玛丽学院计算机科学(计算运算研究)理学硕士研究生申请要求及申请材料要求清单...
  9. 阿里云虚拟机mysql_打开虚拟机里mysql
  10. isinstance函数和@staticmethod用法