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
原创粉丝点击