`
zccst
  • 浏览: 3315876 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

[Object]面向对象编程(高程版)(三)组合使用构造函数和原型模式

阅读更多
四、组合使用构造函数和原型模式
创建自定义类型的最常见方式,是组合使用构造函数模式与原型模式。构造函数用于定义实例属性,而原型模式用于定义方法和共享的属性。结果,每个实例都会有自己的一份实例属性的副本,但同时又共享这对方法的引用,最大限度地节省了内存。另外,这种混成模式还支持向构造函数传递参数;可谓是几两种模式之长。下面的代码重写了前面的例子:
function Person(name, age, job){
    this.name = name;
    this.age  = age;
    this.job  = job;
    this.friends = ["Shelby","Court"];
}

Person.prototype = {
    constructor:Person,
    sayName:function(){
        alert(this.name);
    }
}

var p1 = new Person("Nicholas", 29, "Software Engineer");
var p2 = new Person("Greg", 29, "Doctor");

p1.friends.push("Van");
alert(p1.friends); //"Nicholas,Greg,Van"
alert(p2.friends); //"Nicholas,Greg"
alert(p1.friends == p2.friends); // false;
alert(p1.sayName == p2.sayName); // true

在这个例子中,实例属性都是在构造函数中定义的,而由所有实例共享的属性constructor和方法sayName()则是在原型中定义的。而修改了p1.friends,并不会影响p2.friends,因为它们分别引用了不同的数组。

这种构造函数和原型混成的模式,是目前在ECMAScript中使用最广泛、认同度最高的一种创建自定义类型的方法。可以说,这是用来定义引用类型的一种默认模式。






2014-6-16

至此,可以对构造函数,原型,对象三者之间的关系再做一个完整的总结:
一、对于一个构造函数,必须包含:
1,属性prototype,指向原型对象的指针
2,属性[[prototype]](也叫__prototype__)指向Function.prototype。
而Function.prototype的[[prototype]]也指向Object.prototype。(2014-07-01补充)

二、自定义构造函数后,其prototype对象,必须包含
1,属性constructor,这是谁的原型,是指向prototype属性所在的函数的指针

2,继承自Object的属性和方法
原型里还有一个隐藏的[[prototype]]属性指针,指向Object的原型对象(Object.prototype)。而Object.prototype的[[prototype]]则是null,因为它已经是原型链的最顶层。

3,自定义的属性和方法


三、对于一个对象,必须包含:
1,属性[[prototype]],指向原型对象的指针
换句话说,对象与构造函数没有直接的关系

对象也即实例,他拥有实例属性、方法,也拥有原型属性、方法。
对象的实例属性、方法是自己的。与他人不共享的。
对象的原型属性、方法是共享的。与他人共用一份,原因在对象仅仅有一个属性[[prototype]],指向原型对象(里面有属性、方法)

hasOwnProperty("name");//只有实例属性中存在才返回TRUE
alert("name" in p1);   //不管name是实例属性,还是原型属性,都返回TRUE


三者之间的关系(包括与Function、Object的关系)
批注:没涉及到继承
function Foo(y){
    this.y = y;
}
Foo.prototype.x = 10;
Foo.prototype.calculate = function(z){
    return this.x + this.y + z;
}
var b = new Foo(20);
var c = new Foo(30);
b.calculate(30);//60
c.calculate(40);//80





关于重写对象原型的问题:
function Person(){}
var friend = new Person();
Person.prototype = {
	name:"Nicholas",
	age:29,
	job:"Software Engineer",
	sayName:function(){
		alert(this.name);
	}
};
friend.sayName();//error

结论:重写原型对象切断了现有原型与任何之前已存在的对象实例之间的联系,它们引用的仍然是最初的原型


如果您觉得本文的内容对您的学习有所帮助,您可以微信:
  • 大小: 64.7 KB
分享到:
评论

相关推荐

    JavaScript面向对象编程指南(第2版).rar

    JavaScript是一种广泛...通过深入学习这本《JavaScript面向对象编程指南(第2版)》,开发者不仅能掌握JavaScript的面向对象编程基础,还能了解到实际项目中如何有效地运用这些知识,提升编程技巧和解决问题的能力。

    Javascript面向对象编程.

    面向对象编程(Object-Oriented Programming,OOP)是编程的一种重要范式,JavaScript也完全支持这一特性,尽管它并非一种传统的静态类型语言。这篇博客文章可能详细讨论了如何在JavaScript中实现面向对象编程。 在...

    Javascript 设计模式之构造函数模式.zip

    总结,JavaScript的构造函数模式是创建对象的主要方式之一,它结合原型和原型链提供了面向对象编程的基础。理解并掌握这一模式有助于编写可维护、可扩展的代码。在实际开发中,构造函数模式常常与其他设计模式(如...

    JavaScript面向对象编程指南 pdf

    原型链允许对象访问其构造函数原型上的属性和方法。 - 使用`Object.prototype.isPrototypeOf()`方法可以检查一个对象是否存在于原型链中。 4. **继承** - JavaScript的继承主要通过原型链实现。子类(派生类)...

    深入理解javascript构造函数和原型对象

    理解构造函数和原型对象有助于掌握JavaScript的面向对象编程(OOP)特性。 构造函数是JavaScript中创建对象的一种特殊函数。它通常以大写字母开头,使用new关键字调用,目的是在创建新对象时初始化它们的属性和方法...

    JavaScript面向对象编程指南

    在JavaScript中,面向对象编程(Object-Oriented Programming,简称OOP)是一种重要的编程范式,它允许开发者创建复杂、可重用的代码结构。本指南将深入探讨JavaScript中的面向对象特性,包括类、对象、继承、封装和...

    JavaScript面向对象编程

    JavaScript面向对象编程是一种基于原型(Prototype)的编程范式,它是动态类型语言,允许开发者创建具有复杂特性的对象。在JavaScript中,面向对象主要通过构造函数、原型链和闭包来实现。以下是对这一主题的详细...

    javascript 面向对象编程.pdf javascript 设计模式与开发实践.pdf

    "JavaScript 面向对象编程指南 第2版 .pdf"可能会涵盖如何使用构造函数、原型和实例来创建和操作对象,以及如何利用ES6的类语法。另一方面,"JavaScript 设计模式与开发实践.pdf"可能会详细讲解各种设计模式的原理、...

    第15章 javascript面向对象与原型

    总的来说,JavaScript中的面向对象编程与传统的基于类的OOP有所不同,它通过原型链和构造函数来实现对象的创建和继承。正确理解并运用这些概念,可以让开发者更有效地利用JavaScript进行面向对象的编程。

    详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式).docx

    在JS中,有三种基本方式来创建对象:工厂模式、构造函数模式和原型模式。这三种模式各自有其特点和适用场景,下面将逐一进行详细讲解。 1. **工厂模式**: 工厂模式在面向对象编程中是一个常用的设计模式,其目的...

    javascript面向对象编程的几种模式详解

    面向对象编程(Object-Oriented Programming, OOP)是JavaScript的核心特性之一,它提供了多种模式来创建和操作对象。以下是对标题和描述中提到的几种JavaScript面向对象编程模式的详细解释: 1. **构造函数与字面...

    JavaScript 面向对象与原型

    JavaScript是一种支持两种主要编程范式的语言:函数...总之,JavaScript的面向对象编程依赖于原型机制,通过构造函数和原型链实现了对象的创建、继承和属性/方法的共享。理解这些概念对于深入学习JavaScript至关重要。

    JavaScript面向对象编程案例

    面向对象编程(Object-Oriented Programming,OOP)是一种强大的编程范式,它基于“对象”的概念,允许我们通过封装数据和方法来组织代码。在JavaScript中,面向对象编程并不是原生支持的,但它可以通过模拟类和对象...

    Javascript oop设计模式 面向对象编程简单实例介绍

    总结一下,JavaScript中的面向对象编程通过构造函数、原型以及封装、继承和多态等原则,提高了代码的可读性、可维护性和复用性。通过合理地运用这些设计模式,我们可以编写出更加高效、易于理解和扩展的JavaScript...

    JavaScript 面向对象编程

    JavaScript中实现面向对象编程的核心机制之一是构造函数和原型链。构造函数是一种特殊的函数,用于创建和初始化对象。例如: ```javascript function Person(name, email, website) { this.name = name; this....

    javascript面向对象编程(中文)

    面向对象编程(Object-Oriented Programming,OOP)是JavaScript中的一种重要编程范式,它允许开发者创建复杂的、可复用的代码结构。在本“JavaScript面向对象编程”主题中,我们将深入探讨这一概念及其在JavaScript...

    JavaScript面向对象编程指南 第2版 高清 带索引书签目录_样章.pdf

    首先,该文件提到的书籍是关于JavaScript面向对象编程的,面向对象编程(Object-Oriented Programming,简称OOP)是一种编程范式,它使用“对象”来设计软件。对象可以包含数据(以字段的形式)以及代码(以方法的...

    javascript面向对象编程

    原型链是通过`__proto__`链接起来的一系列原型对象,它使得一个对象能够访问其构造函数原型上的属性和方法。我们可以使用`prototype`属性在构造函数上添加共享的方法: ```javascript Person.prototype.sayHello ...

Global site tag (gtag.js) - Google Analytics