龙空技术网

JavaScript创建对象(七)——稳妥构造函数模式

前端二牛 265

前言:

而今咱们对“js构造函数模式”大概比较着重,大家都想要知道一些“js构造函数模式”的相关知识。那么小编同时在网摘上收集了一些有关“js构造函数模式””的相关知识,希望姐妹们能喜欢,同学们一起来学习一下吧!

原创:前端二牛

道格拉斯-克罗克福德发明了JavaScript中的稳妥对象这个概念。所谓稳妥对象,指的是没有公共属性,而且其方法也不引用 this的对象。稳妥对象最适合在一些安全的环境中(这些环境中会禁止使用 this和 new),或者在防止数据被其他应用程序(如Mashup程序)改动时使用。稳妥构造函数有两个特点:一是新创建的实例的方法不引用 this;二是不使用 new关键字调用构造函数。

首先回顾一下构造函数模式:

function Person(name){ this.name = name; this.sayName = function(){ console.log(this.name); }}var p = new Person('Bob');console.log(p.name);//Bobconsole.log(p.sayName());//Bob

如以上例子所示:

sayName方法中引用了 this。创建对象是通过 new关键字调用构造函数。

此外,传入构造函数的 name既可以通过 p直接访问,也可以通过 sayName函数访问,甚至可以通过 p直接修改, name是公共属性,很容易被修改。现在我们按照稳妥构造函数的模式来改写这个例子:

function Person(name){ var o = new Object(); o.sayName = function(){ console.log(name); } return o;}var p = Person('Bob');p.sayName();//Bob

可以看到,在以这种模式创建的对象中,除了使用 sayName方法之外,没有其他办法可以访问 name的值,而且没法改变传入构造函数的值。即使有其他代码会给这个对象添加方法或属性,也不可能有别的办法访问传入到构造函数中的原始数据。稳妥构造函数模式提供的这种安全性,使得它非常适合在某些安全执行环境——例如ADsafe和Caja提供的环境下使用。

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

标签: #js构造函数模式