首页 > 代码库 > JavaScript 面向对象的程序设计记录笔记4
JavaScript 面向对象的程序设计记录笔记4
组合使用构造函数模式和原型模式:
function Person(name, age, job){ this.name = name; this.age = age; this.job = job; this.friends = [‘Shelby‘, ‘Court‘]; }Person.prototype = { connstructor: Person, sayName: function(){ return this.name; } } var person1 = new Person(‘Tom‘, 23, ‘software engineer‘); var person2 = new Person(‘Jack‘, 24, ‘doctor‘ ); person1.friend.push(‘Var‘);console.log(person1.friend); // 输出‘Shelby‘, ‘Court‘,‘Var’console.log(person2.friend); // 输出‘Shelby‘, ‘Court‘,console.log(person1.friend === person2.friend); // falseconsole.log(person1.sayName === person2.sayName); // true
由于sayName方法都属于prototype属性上,所以person1.sayName 与 person2.sayName相同,都引用同一地址。
动态原型模式
function Person(name, age){ this.name = name; this.age = age; if (typeof this.sayName === ‘fucntion‘) { Person.prototype.sayName = function() { alert(this.name); } } // 当第一次创建Person实例对象的时候,由于当前不存在syaName方法,则会执行if中的语法块,将sayName方法放到共享对象prototype上, 当之后实例Person对象的时候,由于已经存在sayName属性,则不会进行创建。
寄生构造函数:(寄生构造函数与工厂模式类似,区别在于多了一个new标示)
function Person(name, age){ var o = new Object(); o.name = name; o.age = age; o.sayName = function(){ alert(this.name); } return o;}
稳妥构造函数模式
稳妥对象:所谓的稳妥对象,指的是没有公共属性,而且其他方法也不用引用this对象。稳妥对象最适合在一些安全的环境中,或防止数据被其他应用改动时使用。
JavaScript 面向对象的程序设计记录笔记4
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。