js 创建对象的几种方式

seanlook 发布于2019-08-22 14:03 / 1809人阅读

摘要：可以无数次地调用这个函数，而每次它都会返回一个包含三个属性一个方法的对象构造函数模式原型模式组合使用构造函数模式和原型模式创建自定义类型的最常见方式，就是组合使用构造函数模式与原型模式。

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，因为它们分别引用了不同的数组。

GPU云服务器云服务器 java创建对象的几种方式 js继承的几种方式服务器请求的几种方式 js创建对象方式

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/92812.html

JS对象创建的几种方式

摘要：上述每次都需要写可以优化但是此处改变了的属性，故我们需要显示的指出构造函数和原型组合模式二创建空对象前两种方式创建的对象含有原型，最后一种方式创建的对象无原型，是真正意义上的空对象参考资料一.创建对象的几种方式 1. 使用new关键字创建 var ob = new Object() ob.name = name ob.say = function() {} 2.使用字面量的方式创建 ...

ixlei 2019-08-26 10:23 评论0 收藏0
在Js中创建对象的几种方式

摘要：对象字面量的方式今年创建实例的发明者我是今年属性是可以动态添加，修改的构造函数无参构造函数有参构造函数我叫，今年岁实例化创建对象调用方法由于指针在对象实例的时候发生改变指向新的实例。是我的名字混合方式构造函数原型我是，今年 javascript创建对象简单的说,无非就是使用内置对象或各种自定义对象，当然还可以用JSON；方法很多，也能混合使用。对象字面量的方式： var pers...

willin 2019-08-21 11:43 评论0 收藏0
JS中创建对象的几种设计模式

摘要：构造函数模式定义构造函数模式是语言创建对象的通用方式。但两种语言用构造函数创建对象的方式略有不同在中没有类的概念，函数即为一等公民，因此，不必显式声明某个类，直接创建构造函数即可，类的方法和属性在构造函数中或原型对象上处理。工厂模式定义：工厂模式非常直观，将创建对象的过程抽象为一个函数，用函数封装以特定接口创建对象的细节。通俗地讲，工厂模式就是将创建对象的语句放在一个函数里，通...

Galence 2019-08-23 15:34 评论0 收藏0
js面向对象浅析---对象创建的几种常见方式

摘要：前言虽然使用构造函数或者使用对象字面量可以很方便的用来创建一个对象，但这种方式有一个明显的缺点使用一个接口创建多个对象会产生很多冗余的代码。即调用构造函数所创建的那个对象的原型对象好处是可以让所有对象的实例共享他的属性的方法。前言虽然使用Object构造函数或者使用对象字面量可以很方便的用来创建一个对象，但这种方式有一个明显的缺点：使用一个接口创建多个对象会产生很多冗余的代码。因此...

Invoker 2019-08-21 10:46 评论0 收藏0
细节：js 创建对象的几种模式举例

摘要：工厂模式不推荐应该把方法放在函数的外面，避免重复创建该方法定义的不是构建函数，因该使用方法创建实例，而不是方法不要忘记在函数的最后构造函数模式不推荐使用指代，函数无需明确应该把方法放在函数的外面，避免重复创建该方法原型模式不推荐函数中不对属工厂模式（不推荐） var sayName = function(){ return this.name; }; function cr...

laznrbfe 2019-08-19 17:08 评论0 收藏0