码迷,mamicode.com
首页 > Web开发 > 详细

[js]js设计模式-原型模式

时间:2018-02-05 16:00:21      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:func   fun   图片   ima   aot   原型模式   9.png   down   ejs   

技术分享图片

构造函数模型- 对象的属性和方法每人一份

function createJs(name, age) {
    this.name = name;
    this.age = age;
    this.writeJs = function () {
        console.log(this.name, this.age)
    }
}

p1 = new createJs("maotai", 22);
p1.writeJs();
p2 = new createJs("maotai2", 23);
p2.writeJs();

console.log(p1.writeJs===p2.writeJs);

原型模式- 对象的方法所有人共享一份

function createJs(name, age) {
    this.name = name;
    this.age = age;

}

createJs.prototype.writeJs = function () { //这个方法被所有对象共享
    console.log(this.name, this.age)
};

p1 = new createJs("maotai", 22);
p1.writeJs();
p2 = new createJs("maotai2", 23);
p2.writeJs();

console.log(p1.writeJs === p2.writeJs); //true



## 小结
类是函数, 函数有prototype
实例都是对象, 对象有__proto__属性
/*
*
* 1.每个函数数据类型(普通函数  类)都有个prototype属性,这个属性是一个对象数据类型的值
* 2.prototype上的浏览器天生给他加上了个constructor(构造函数),属性只是类本身
*     类:prototype
*         constructor
*         __proto__
* 3.每个对象都有__proto__属性
* 4.对象的__proto__指向所属类的原型
* 5.object原型上没有__proto__
* */

[js]js设计模式-原型模式

标签:func   fun   图片   ima   aot   原型模式   9.png   down   ejs   

原文地址:https://www.cnblogs.com/iiiiiher/p/8417725.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!