JS创建对象
来源:互联网 发布:切尔西靴品牌推荐知乎 编辑:程序博客网 时间:2024/06/06 09:48
常用的创建对象方法有:Object构造函数,对象字面量,构造函数模式,原型模式,组合使用构造函数和原型模式
Object构造函数和对象字面量
创建对象的方法如下:
//用Object构造函数创造对象var person1=new Object();person1.name="Jack";person1.age=1;person1.sayname=function(){alert(person1.name+":"+person1.age);};person1.sayname();//用对象字面量创建对象var person2={ name:"Tom", age:2, sayname:function(){ alert(person2.name+":"+person2.age); }};person2.sayname();
虽然上述两种方法可以用来创建单个对象,但这些方式有明显的缺点:使用同一个接口创建很多对象,就会产生大量的重复代码,即不利于复用。
构造函数模式
解决了重复创建同一类型对象的问题,其创造函数方法如下:
//定义构造函数创建对象function Person(name,age){ this.name=name; this.age=age; this.sayname=function(){ alert(this.name+":"+this.age); }}var person3=new Person("Lily",3);person3.sayname();
以这种方式创建函数,会导致不同的作用域链和标示符解释,如上述sayname函数在每个实例中都是不一样的,每个实例中的函数都有独立的内存空间,不利于复用。
原型模式
//原型模式创建函数function Person4(){}Person4.prototype.name="Lucy";Person4.prototype.age=4;Person4.prototype.sayName=function(){alert(this.name+":"+this.age);};var person4=new Person4();person4.sayName();
因此最常用的创建对象方法为
组合使用构造函数和原型模式
将属性定义在构造函数内,方法函数定义在原型中,这样每个实例都将拥有自己的作用域,行为方法也能达到复用的效果。
//组合使用构造函数和原型模式function Person5(name,age){ this.name=name; this.age=age; this.sayname=function(){ alert(this.name+":"+this.age); }}Person5.prototype={ constructor:Person5, sayName:function(){ alert(this.name+":"+this.age); }}var person5=new Person5("JIMMY",5);person5.sayName();
0 0
- [js]创建js对象
- js创建数组,创建对象
- JS 创建对象
- JS 创建Ajax 对象
- JS创建对象
- JS 创建对象
- js 对象创建
- js创建对象
- js对象创建过程
- js:创建对象
- js创建对象
- js创建对象
- 创建js对象
- js对象创建方式
- js创建对象
- JS创建对象
- JS 创建对象
- JS创建对象
- u-boot-2014.10移植第11天----深入分析代码(六)
- 第10周项目2-M$psiz$y什么意思
- DOM窗口操作
- 第10周 项目1-3 控制符
- LeetCode[Linked List]: Remove Duplicates from Sorted List II
- JS创建对象
- 用Maven做项目管理
- MiniGUI开发指南
- 史,以往忽视治疗而导致隐匿性
- TECH: Unix Semaphores and Shared Memory Explained (Doc ID 15566.1)
- 2014-11-3Android学习------关于R.styleable的问题(一)实例代码--------GIF动画实现
- 第十周项目一——程序填充与阅读(二)
- 栈的基本操作
- 一洋淘宝运营助手破解版,与官方版本同步更新