美文网首页
js 中的创建对象的几种方式

js 中的创建对象的几种方式

作者: 施主画个猿 | 来源:发表于2018-01-18 20:52 被阅读0次

JS中创建对象的主要模式有

工厂模式

工厂模式抽象了具体创建对象的过程例如

function createPerson(name, age, job){
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function(){
        alert(this.name);
    };
    return o;
}

函数createPerson()能够根据接受的参数来构建一个包含所有必要信息的Person对象。可以无数次地调用这个函数,而每次它都会返回一个包含三个属性一个方法的对象

构造函数模式

function Person(name, age, job){
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName = function(){
        alert(this.name);
    };
}

原型模式

function Person() {}
Person.prototype.name = "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "Software Engineer";
Person.prototype.sayName = function() {
    alert(this.name);
};
var person1 = new Person(); 
//"Nicholas"
person1.sayName();
var person2 = new Person();
//"Nicholas"
person2.sayName();
//true
alert(person1.sayName == person2.sayName);

组合使用构造函数模式和原型模式

创建自定义类型的最常见方式,就是组合使用构造函数模式与原型模式。构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性。结果,每个实例都会有自己的一份实例属性的副本,但同时又共享着对方法的引用,最大限度地节省了内存。另外,这种混成模式还支持向构造函数传递参数;可谓是集两种模式之长。下面的代码重写了前面的例子。

function Person(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.friends = ["Shelby", "Court"];
}
Person.prototype = {
    constructor: Person,
    sayName: function() {
        alert(this.name);
    }
}
var person1 = new Person("Nicholas", 29, "Software Engineer");
var person2 = new Person("Greg", 27, "Doctor");
person1.friends.push("Van"); 
//"Shelby,Count,Van"
alert(person1.friends);
//"Shelby,Count"
alert(person2.friends);
//false
alert(person1.friends === person2.friends);
//true
alert(person1.sayName === person2.sayName);

在这个例子中,实例属性都是在构造函数中定义的,而由所有实例共享的属性constructor和方法sayName()则是在原型中定义的。而修改了person1.friends(向其中添加一个新字符串),并不会影响到person2.friends,因为它们分别引用了不同的数组。

相关文章

  • js中创建对象的几种方式

    博客原文地址:Claiyre的个人博客 https://claiyre.github.io/博客园地址:http:...

  • js 中的创建对象的几种方式

    JS中创建对象的主要模式有 工厂模式 工厂模式抽象了具体创建对象的过程例如 函数createPerson()能够根...

  • js中面向对象(创建对象的几种方式)

    1、面向对象编程(OOP)的特点: 抽象:抓住核心问题 封装:只能通过对象来访问方法 继承:从已有的对象下继承出新...

  • js创建对象的几种方式

    js常用的几种创建对象的方式有: {} new Object() 使用字面量 工厂模式 构造函数模式(constr...

  • js创建对象的几种方式

    面向对象编程特点(OOP):抽象:抓住核心问题封装:只能通过对象来访问方法继承:从已有的对象下继承出新的对象多态:...

  • js创建对象的几种方式

    概述 之前是写 Java ,C++的,现在来写 js,感觉js写的太灵活了,写的很爽,但是如果让别人去维护,估计是...

  • JS对象的几种创建方式

    1)Object构造函数式 2)对象字面量式 3)工厂模式 4)安全工厂模式 5)构造函数模式 6)原型模式 7)...

  • js对象的几种创建方式

    参考文章:https://www.cnblogs.com/hcy1996/p/5916421.htmlhttps:...

  • js创建对象的几种方式

    1.object创建对象 2.工厂模式创建对象 3.基于构造函数创建对象 4.基于原型创建对象 5.构造函数与原型...

  • js创建对象的几种方式

    1.通过字面量方式 2.通过new Object() 的方式 通过以上两种方式创建对象时,会产生大量的代码,所以工...

网友评论

      本文标题:js 中的创建对象的几种方式

      本文链接:https://www.haomeiwen.com/subject/vcoioxtx.html