t高级程序设计之原型对象

王朝学院·作者佚名  2016-05-23
窄屏简体版  字體: 小  |  中  |  大  |  超大  

javaScript高级程序设计之原型对象构造函数、原型对象、构造器是一体的关系,同时产生;

实例中的隐藏属性__PRoto__指向原型对象;

原型对象是这四种关系的纽带。

原型对象是动态的,不论在何处变化,实例中可以立即体现出来。

var Person = function(name) { this.name = name;};var p1 = new Person("Nicholas");Person.prototype.say = function() { console.log(this.name);};/* * 原型对象具有动态性 * 不论在何处添加的属性,可以立即在实例中调用 */p1.say(); // Nicholas/* * 有构造函数必有原型对象 * 有原型对象,其中必有构造器属性 * 原型对象中的特殊属性构造器指向构造函数本身 */console.log(Person.prototype.constructor === Person); // true/* * 实例中的原型属性指向构造函数的原型对象 * 实例中的指针仅指向原型对象,而不指向构造函数 */console.log(p1.__proto__ === Person.prototype); // true

重写整个原型会使其失去动态性,丢失构造器

var Person = function(name) { this.name = name;};/* * 这种写法使原型不再具有动态性 * 且丢失了Person.prototype.constructor */Person.prototype = { say: function() { console.log(this.name); }};// 实例必须在原型对象声明之后才能调用原型中的方法var p1 = new Person("Nicholas");p1.say(); // Nicholasconsole.log(Person.prototype.constructor === Person); // falseconsole.log(p1.__proto__ === Person.prototype); // true

Douglas Object.create

// Douglas Object.create 这是基于原型的继承if (typeof Object.create !== "function") { Object.create = function (obj) { var F = function () {}; F.prototype = obj; return new F(); };}var person = { name: "lily", friends: ["poly", "lucy"]};// 整个person对象成为了person2的原型对象var person2 = Object.create(person);person2.name = "Lilei";// 修改了原型对象,也既是person对象person2.friends.push("Hanmeimei");console.log(person.friends); // ["poly", "lucy", "Hanmeimei"]

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航