原型模式[第6章-面向对象的程序设计 笔记2]

我们创建的每个函数都有一个 prototype (原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含特定类型的所有实例共享的属性和方法。按照字面意思来理解,那么 prototype 就是通过调用构造函数而创建的那个对象实例的原型对象。(有点类似于java中的类)

因此不必在构造函数中定义对象实例的信息,而是可以将这些信息直接添加到原型对象中,如下所示:

function Person(){

}

Person.prototype.name = "Nicholas";

Person.prototype.age = 29;

Person.prototype.job = "Software Engineer";

Person.prototype.sayName = function(){

alert(this.name);

};

var person1 = new Person();

person1.sayName(); //"Nicholas"

var person2 = new Person();

person2.sayName(); //"Nicholas"

alert(person1.sayName == person2.sayName); //true

与构造函数模式不同的是,新对象的这些属性和方法是由所有实例共享的。

对于原型对象的理解:

无论什么时候,只要创建了一个新函数,就会根据一组特定的规则为该函数创建一个 prototype属性,这个属性指向函数的原型对象。

在默认情况下,所有原型对象都会自动获得一个 constructor(构造函数)属性,这个属性包含一个指向 prototype 属性所在函数的指针。

即Person.prototype. constructor 指向 Person 。

创建了自定义的构造函数之后,其原型对象默认只会取得 constructor 属性;至于其他方法,则都是从 Object 继承而来的。

当调用构造函数创建一个新实例后,该实例的内部将包含一个指针(内部属性),指向构造函数的原型对象。

真正重要的一点就是,这个连接存在于实例与构造函数的原型对象之间,而不是存在于实例与构造函数之间。

上图展示了 Person 构造函数、 Person 的原型属性以及 Person 现有的两个实例之间的关系。在此, Person.prototype 指向了原型对象, 而 Person.prototype.constructor 又指回了 Person 。原型对象中除了包含 constructor 属性之外,还包括后来添加的其他属性。 Person 的每个实例——person1 和 person2 都包含一个内部属性,该属性仅仅指向了 Person.prototype ;换句话说,它们与构造函数没有直接的关系。此外,要格外注意的是,虽然这两个实例都不包含属性和方法,但我们却可以调用 person1.sayName() 。这是通过查找对象属性的过程来实现的。

时间: 2024-10-06 04:47:41

原型模式[第6章-面向对象的程序设计 笔记2]的相关文章

javascript对象[第6章-面向对象的程序设计 笔记1]

ECMA-262 把对象定义为: “无序属性的集合, 其属性可以包含基本值. 对象或者函数. ” 严格来讲,这就相当于说对象是一组没有特定顺序的值.对象的每个属性或方法都有一个名字,而每个名字都映射到一个值.正因为这样(以及其他将要讨论的原因) ,我们可以把 ECMAScript 的对象想象成散列表:无非就是一组名值对,其中值可以是数据或函数. 对象 创建自定义对象的最简单方式就是创建一个 Object 的实例,然后再为它添加属性和方法,如下所示. var person = new Object

继承[第6章-面向对象的程序设计 笔记3]

许多 OO 语言都支持两种继承方式:接口继承和实现继承.接口继承只继承方法签名,而实现继承则继承实际的方法.如前所述,由于函数没有签名,在 ECMAScript 中无法实现接口继承. ECMAScript 只支持实现继承, 而且其实现继承主要是依靠原型链来实现的. 原型链 ECMAScript 中描述了原型链的概念,并将原型链作为实现继承的主要方法.其基本思想是利用原 型让一个引用类型继承另一个引用类型的属性和方法. 简单回顾一下构造函数.原型和实例的关系:每个构造函数都有一个原型对象,原型对象

第6章 面向对象的程序设计 6.2 原型模式

我们创建的每个函数都有一个 prototype (原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含特定类型的所有实例共享的属性和方法.按照字面意思来理解,那么 prototype 就是通过调用构造函数而创建的那个对象实例的原型对象.(有点类似于java中的类) 因此不必在构造函数中定义对象实例的信息,而是可以将这些信息直接添加到原型对象中,如下所示: function Person(){ } Person.prototype.name = "Nicholas"; P

【红宝书】第6章.面向对象的程序设计

面向对象(Object-Oriented,OO) 类 6.1理解对象 创建Object的实例,然后添加属性和方法 let person = new Object(); person.name = "AAA"; person.sayName = function() {}; 对象字面量模式 let person = { name: "AAA", sayName: function() {} }; 6.1.1属性类型 用特性(attribute)描述属性(propert

javascript高级程序设计笔记(第6章 面向对象的程序设计)

1.访问器属性: var book = { _year: 2004, edition: 1 }; Object.defineProperty(book, "year", { get: function(){ return this._year; }, set: function(newValue){ if (newValue > 2004) { this._year = newValue; this.edition += newValue - 2004; } } }); book

6章 面向对象的程序设计

6.1    理解对象     6.1.1    属性类型     1.    数据属性(ecma-262第五版) 说明:    用于实现JavaScript引擎,JavaScript不能直接访问 [[Configurable]]:    true(默认)或false, 限制以下行为 通过delete删除属性从而重新定义属性: 修改属性的特性: 把属性修改为访问其属性. [[Enumerable]]:    true(默认)或false,限制以下行为 通过for-in循环返回属性: [[Writ

JavaScript高级程序设计(第三版)第六章 面向对象的程序设计

6.1 理解对象 var person = new Object(); person.name = "Nicholas"; person.age = 29; person.job = "Software Engineer"; person.sayName = function(){ alert(this.name); }; person.sayName(); 6.1.1 属性类型 1.数据属性 [[Configurable]]:表示能否通过delete删除属性从而重

读书笔记 - js高级程序设计 - 第六章 面向对象的程序设计

EcmaScript有两种属性 数据属性 和 访问器属性 数据属性有4个特性 Configurable Enumerable Writable Value 前三个值的默认值都为false 举例 Object.defineProperty( person, "name", { writable:false, value:"niko"} ) ; 一旦属性定义为不可配置的,就不能再把它变回可配置的了 读取属性 的特性 var descriptor  = Object.ge

第六章 面向对象的程序设计 (2 创建对象)

6.2 创建对象 6.2.1 工厂模式 工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建具体对象的过程.考虑到在ECMAScript 中无法创建类,开发人员就发明了一种函数,用函数来封装以特定接口创建对象的细节. function createPerson(name, age, job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(thi