js创建对象的几种方式
来源:互联网 发布:php 获取url中的参数 编辑:程序博客网 时间:2024/06/08 10:48
看了好几本关于这块知识点的书之后,终于有勇气来聊一聊js创建对象的问题
1.工厂模式:
代码:
function createPerson(name, age) { var o = new object(); o.name = name; o.age = age; o.sayName = function() { alert(this.name); }; // 函数表达式后面要加分号 return o;}var person1 = createPerson("john", 29);var person2 = createPerson("grey", 27);
优缺点:虽然解决了创建多个相似对象的问题,但是没有解决对象识别的问题。
2.构造函数模式
function Person(name, age) { this.name = name; this.age = age; this.sayName = function() { alert(this.name); };}var person1 = new Person("john", 29);var person2 = new Person("grey", 27);
与工厂模式相比:
1.没有显式地创建对象
2.直接将属性和方法赋给了this对象
3.没有return语句
同时,要创建对象必须使用new操作符,否则时普通函数,而不是构造函数。new的作用:
1.创建一个对象;
2.将构造函数的作用域赋给了this的对象(因此this就指向了这个新对象)
3.执行构造函数中的代码(为这个新对象添加属性)
4.返回新对象
把方法放在构造函数内部,new出的两个对象实例方法是不相等的。也就是说,每new一个实例的时候,方法都重写了,造成了代码重复。如果把方法放在对象外部声明,那构造函数失去了其封装性,变成了任意对象都可调用的方法。
3.原型模式
代码:
function Person() {}Person.prototype.name = "Nicholas";Person.prototype.age = "29";Person.prototype.friends = [1];Person.prototype.sayName = function () { console.log(this.name);};var person1 = new Person();person1.sayName(); // "Nicholas"person1.friends.push(2);//[1,2]var person2 = new Person();person2.sayName();// "Nicholas"person2.friends; // [1,2]person1.sayName == person2.sayName; //true
这里看到原型模式共享方法和属性,当我希望引用类型的属性私有时,就会出现问题。
4.构造函数和原型组合模式
function Person() {
this.name = "Nicholas";this.age = "29";this.friends = [1];}
Person.prototype.sayName = function () {
console.log(this.name);
};
var person1 = new Person();person1.sayName(); // "Nicholas"
person1.friends.push(2);//[1,2]
var person2 = new Person();
person2.sayName();// "Nicholas"
person2.friends; // [1,2]
person1.sayName == person2.sayName; //true
组合模式很好地解决了属性私有的问题,并且实现了方法共享
0 0
- JS 创建对象的几种方式
- js创建对象的几种方式
- JS 创建对象的几种方式
- js创建对象的几种方式
- JS创建对象的几种方式
- JS创建对象的几种方式
- JS创建对象的几种方式
- JS创建对象的几种方式
- js 创建对象的几种方式
- JS创建对象的几种方式
- js创建对象的几种方式
- JS创建对象的几种方式
- JS创建对象的几种方式
- JS创建对象的几种方式
- JS创建对象的几种方式
- JS 创建对象的几种方式
- JS创建对象的几种方式
- JS创建对象的几种方式
- ReactiveCocoa的简单用法
- Kafka之Java API操作
- 理解Spark包中闭包
- Windows 10 下 TensorFlow,Anaconda的安装
- matlab中的length函数
- js创建对象的几种方式
- VS2010 编写JS方法后无法调用
- android全屏/沉浸式状态栏下,各种键盘挡住输入框解决办法
- 【LeetCode】48. Rotate Image
- PHP中多线程的实例
- jquery checkbox勾选/取消勾选的诡异问题
- 解决struts中404.do问题
- JSP中的taglib标签如何让JSP页面使用标签
- Centos7下安装配置Redis3.0.6