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

[Object]面向对象编程(高程版)(四)寄生和稳妥模式

 
阅读更多
五、原型的动态性
其他OO语言的人可能看到独立的构造函数和原型时,很可能会感到非常困惑。动态原型模式正是致力于解决这个问题的一个方案,他把所有信息都封装在了构造函数中,而通过在构造函数中初始化原型,又保持了同时使用构造函数和原型的优点。换句话说,可以通过检查某个应该存在的方法是否有效,来决定是否需要初始化原型。来看一个例子:
function Person(name, age, job){
	this.name = name;
	this.age  = age;
	this.job  = job;
	//【重点】
	if(typeof this.sayName != 'function'){
		Person.prototype.sayName = function(){
			alert(this.name);
		}
	}
}

var p1 = new Person('Nicholas', 29, 'Software Engineer');
p1.sayName();

注意,只在sayName()方法不存在的情况下,才会将它添加到原型中。这段代码只会在初次调用构造函数时才会执行。此后,原型已经完成初始化,不需要在做什么修改了。不过要记住,这里对原型所做的修改,能够理解在所有实例中得到反映。因此,这种方法确实可以说非常完美。其中,if语句检查的可以是初始化之后一个应该存在的任何属性或方法——不必用一大堆if语句检查每一个属性和每一个方法;只要检查其中一个即可。对于采用这种模式创建的对象,还可以使用instanceof操作符确定它的类型。

备注:使用动态原型模式时,不能使用对象字面量重写原型。前面已经解释过了,如果在已经创建了实例的情况下重写原型,那么就会切断现有实例与新原型之间的联系。



六、寄生构造函数模式

基本思想是创建一个函数,该函数的作用仅仅是封装创建对象的代码,然后再返回新创建的对象; 

这个模式可以在特殊的情况下用来为对象创建构造函数。假设我们想创建一个具有额外方法的特殊数组。由于不能直接修改Array构造函数,因此可以使用这个模式:
function SpecialArray(){
    //创建数组
    var arr = new Array();

    //添加值
    arr.push.apply(arr, arguments);//???
    /*
    等价于
    var b = [];
	for(var i = 0; i < arguments.length; i++){
		b.push(arguments[i]);
	}
    */

    //添加方法
    arr.toPipeString = function(){
        console.log(this == arr);//true
        return this.join('|');
    };
    return arr;
}
var colors = new SpecialArray("red","blue","green");
alert(colors.toPipeString()); // "red|blue|green"

在这个例子中,我们创建了一个名叫SpecialArray的构造函数,在这个函数内部,首先创建了一个数组,然后push()方法初始化了数组的值,随后又给数组实例添加了一个toPipeString()方法,该方法返回以竖线分割的数组值。最后将数组以函数值的形式返回。

接着我们调用了SpecialArray构造函数,想其中传入了用于初始化数组的值,此后又调用了toPipeString()方法。



七、稳妥构造模式

所谓稳妥对象,就是没有公共属性,而且其方法也不引用this对象。稳妥对象最适合在一些安全的环境中(这些环境中会禁止使用this和new),或者在防止数据被其他应用程序改动时使用。
稳妥构造函数遵循与寄生构造函数类似的模式,但有两点不同:
一是新创建对象的实例方法不引用this;
二是不使用new操作符调用构造函数。
按照稳妥构造函数的要求,可以将前面的Person构造函数重写如下:
function Person(name, age, job){
    //创建要返回的对象
    var o = new Object();

    //可以在这里定义私有变量和方法

    //添加方法
    o.sayName = function(){
      alert(name);
    };

    //返回对象
    return o;
}

注意,在以这种模式创建的对象中,除了使用sayName()方法之外,没有其他办法可以访问name的值。可以像下面使用稳妥的Person构造函数:
var p = new Person("Nicholas", 29, "Software Engineer");
p.sayName(); // "Nicholas"

这样变量p中保存的是一个稳妥对象,而除了调用sayName()方法外,没有别的方式可以访问其数据成员。及时有其他代码会给这个对象添加方法或数据成员,但也不可能有别的办法访问传入到构造函数中的原始数据。

稳妥构造函数模式提供的这种安全性,使得它非常适合在某些安全执行环境——例如,ADsafe(www.adsafe.org)和Caja(http://code.google.com/p/google-caja )提供的环境——下使用。

备注:与寄生构造函数模式类似,使用稳妥构造函数模式创建的对象与构造函数之间也没有什么关系,因此instanceof操作符对这种对象也没有意义。


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

相关推荐

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

    以上四种模式都是JavaScript面向对象编程的不同策略,每种都有其适用的场景和优势。理解并熟练运用这些模式,可以帮助开发者更好地设计和实现复杂的JavaScript应用。在实际项目中,常常会结合使用这些模式,以达到...

    js面向对象 多种创建对象方法小结

    JavaScript是一种基于原型的面向对象编程语言,这意味着对象可以继承自其他对象,并且可以通过多种方式创建。以下是对给定文件中提到的JavaScript面向对象创建对象方法的详细解释: 1. **对象字面量**: 这是最...

    JS常见构造模式实例对比分析

    JavaScript中的构造模式是面向对象编程中的重要概念,用于创建具有相似特性的对象。常见的构造模式有工厂模式、构造函数模式、原型模式、寄生构造函数模式以及稳妥构造函数模式。下面我们将逐一深入探讨这些模式。 ...

    JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】

    JavaScript中的创建自定义类型的模式是实现面向对象编程的关键。这些模式包括工厂模式、构造函数模式、原型模式、动态原型模式以及寄生构造函数模式和稳妥构造函数模式。下面我们将逐一探讨这些模式及其优缺点。 1....

    web前端面试题.pdf

    在Web前端面试中,深入理解编程基础和特定技术如排序算法、定位...掌握这些知识点对于在Web前端面试中脱颖而出至关重要,它们涵盖了基础的算法知识、CSS布局原理、现代前端开发的构建工具以及面向对象编程的核心概念。

    JavaScript中创建对象的7种模式详解

    构造函数模式提供了更接近传统面向对象语言的创建对象的方式。在JavaScript中,构造函数用于创建具有特定属性和方法的自定义类型。使用new操作符可以实例化构造函数,从而创建对象。构造函数通常首字母大写,以便...

    跟我学习javascript创建对象(类)的8种方法

    以上就是JavaScript中创建对象(类)的八种方法,每种方法都反映了JavaScript面向对象编程的不同方面。熟悉这些方法能够帮助我们更有效地管理代码,编写出更加模块化、可重用的程序。在实际开发过程中,可以根据具体...

    JavaScript原型继承和原型链原理详解

    JavaScript中的原型继承和原型链是...总的来说,原型继承和原型链是JavaScript语言中的基础知识点,它对JavaScript面向对象编程的理解至关重要。掌握这些概念可以帮助开发人员更有效地编写和管理复杂的JavaScript程序。

Global site tag (gtag.js) - Google Analytics