JS中 原型模式与构造模式
2016-09-05 10:22
162 查看
前几天在JS书中看到这两个概念觉得非常模糊,百度积累一下这方面的信息
构造函数模型
特点:对象的属性均不同,而对象的方法是相同,(重复编写方法浪费空间)
原型模式
特点:共享属性
构造函数模型
function Blog(name, url) { this.name = name; this.url = url; this.alertUrl = function() { alert(this.url); } } var blog = new Blog('wuyuchang', 'http://www.jb51.net/'); console.log(blog instanceof Blog); // true, 判断blog是否是Blog的实例
特点:对象的属性均不同,而对象的方法是相同,(重复编写方法浪费空间)
原型模式
function Blog() { } Blog.prototype.name = 'wuyuchang'; Blog.prototype.url = 'http://tools.jb51.net/'; Blog.prototype.friend = ['fr1', 'fr2', 'fr3', 'fr4']; Blog.prototype.alertInfo = function() { alert(this.name + this.url + this.friend ); } // 以下为测试代码 var blog = new Blog(), blog2 = new Blog(); blog.alertInfo(); // wuyuchanghttp://tools.jb51.net/fr1,fr2,fr3,fr4 blog2.alertInfo(); // wuyuchanghttp://tools.jb51.net/fr1,fr2,fr3,fr4
特点:共享属性
相关文章推荐
- 原型设计模式prototype-构造js自己定义对象
- 原型设计模式prototype-构造js自定义对象
- js17---创建对象:构造函数式和原型组合模式、动态原型模式、稳妥构造函数式
- 构造函数+原型模式构造js自定义对象
- 构造函数+原型模式构造js自定义对象(最通用)
- js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
- 面向对象与原型【37】---原型的弊端(组合构造模式+原型模式)
- js的原型实例prototype--方法--属性,构造,赋值--方法同样有原型--原型含义
- js原生设计模式——7原型模式之真正的原型模式——对象复制封装
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模)
- 【JS】JavaScript中对象的创建与原型模式
- JS学习之原型和原型链模式
- 面向对象js--原型模式实例解析
- JS面向对象的几种创建方式:工厂模式、构造函数模式、原型模式、混合模式、动态原型模式
- js原生设计模式——2面向对象编程之继承—原型继承(类式继承的封装)
- js的原型模式
- js 构造函数与原型模式
- js原型和构造函数混合模式
- js中组合使用构造函数模式和原型模式创建对象