创建对象的安全模式

对于有些JavaScript的初学者来说,可能不太适应面向对象的写法,经常容易忘记使用new关键字而导致出错。

其实,我们可以找为检察官为我们实时监测。

首先,我们来看下问题所在吧!

function Person(name, age) {
    this.name = name;
    this.age  = age;
}
var person = Person('aa', 20);
console.log(person.name); // TypeError 

原因不难看出吧,Person是在作为一个函数在全局环境执行了,那么this必然指向全局的对象,这里为window,

即window.name为aa,window.age为20,但person对象是没有的!

如何避免这种错误呢?我们可以使用创建对象的安全模式,首先监测是否为当前类的示例,

是的话说明使用了new关键字,正常执行就是了,否则返回一个示例对象,再次为this进行赋值操作,如下:

function Person(name, age) {
    if (this instanceof Person) {
        this.name = name;
        this.age  = age;
    }
    else {
        return new Person(name, age);
    }
}
var person = Person('aa', 20);
console.log(person.name); // aa 正常输出

 

posted @ 2017-02-20 11:19  小四张  阅读(259)  评论(0编辑  收藏  举报