JS原型设计模式(一)
来源:互联网 发布:淘宝展现词怎么刷 编辑:程序博客网 时间:2024/05/29 16:40
上面的文章介绍了构造函数模式:构造函数设计模式
首先说明原型对象与原型属性的概念:
原型属性:在js中每创建一个函数时,都会根据一套特定的机制给每一个函数添加一个属性 prototype这个属性就是原型属性,存在于函数中。
原型对象:在js中每创建一个函数时会相对应得有一个原型对象的创建,这个函数的prototype属性所指的对象就是原型对象。
那么原型对象的作用是什么呢?
在前面的文章中看到了工厂模式和构造函数模式的各自的缺点,而原型对象就是包含了某一个特定类型的所有实例所共享的数据和方法。
var Person = function () {};Person.prototype.name = 'tlc';Person.prototype.age = '25';Person.prototype.sex = 'boy';Person.prototype.sayInfo = function () { console.info(this.name + "--" + this.age + "--" + this.sex)};var person1 = new Person();var person2 = new Person();person1.sayInfo();person2.sayInfo();console.info(Person.prototype.constructor === Person);上述的代码person1和person2的输出相同的内容,下面给出三者的关系
从上图可以看出,实例对象的这些属性并不是存在构造函数中,而是存在于原型对象中,通过实例的Prototype经过一系列的过程得到的。
console.info(Person.prototype.isPrototypeOf(person1));console.log(Object.getPrototypeOf(person1).name);
0 0
- JS原型设计模式(一)
- JS原型设计模式(四)之缺陷(一)
- js原型设计模式
- JS原型设计模式(二)
- JS原型设计模式(三)
- js设计模式-原型模型
- 设计模式一日一练:原型模式(Prototype)
- C++设计模式之原型模式(一)
- JS设计模式之原型模式
- JS原型设计模式之动态模式
- js原型(一)
- JS设计模式(一)
- 原型模式(一)
- 每天一设计模式之原型模式
- iOS设计模式(一) 原型模式
- iOS设计模式一之原型模式
- JS原型设计模式(四)之缺陷二
- 设计模式-原型设计模式(Prototype)
- PHP时间戳函数
- HTTP 状态代码表示什么意思?
- jQuery之动画基础隐藏和显示
- jquery validate插件使用
- Phaser 场景的启动与切换
- JS原型设计模式(一)
- [SDOI2010]BZOJ 1924所驼门王的宝藏-强连通分量-缩点-拓扑排序-dp
- Leetcode 62. Unique Paths
- 基于properties的点名模块
- 将hql的CreateSqlQuery的查询结果绑定一个新建的dto中
- 收藏——硬币(五大天王和四小龙)
- java操作MongoDB,采用_id查询
- [python]初探socket
- 快速排序