- 构造函数的安全作用域

**请注意， Object.prototpye.toString() 本身也可能会被修改。上面的技巧假设 Object.prototpye.toString() 是未被修改过的原生版本。**

当构造函数没有使用new生成实例，直接使用的时候；由于构造函数中 this 对象是在运行时绑定的 ; this关键字会映射到全局对象window上；导致错误对象属性的意外增加。

function Person(name,age,job){

this.name=name;

this.age=age;

this.job=job;

}

var person=Person("zhu",26,"WEB");

console.log(person);//undefined;

console.log(window.name);//"zhu;

console.log(window.age);//26;

console.log(window.job);//WEB";

这里，原本针对 Person 实例的三个属性被加到 window 对象上，因为构造函数是作为普通函数调用的，忽略了 new 操作符。这个问题是由 this 对象的晚绑定造成的，在这里 this 被解析成了 window对象。由于 window 的 name 属性是用于识别链接目标和 frame 的，所以这里对该属性的偶然覆盖可能会导致该页面上出现其他错误。这个问题的解决方法就是创建一个作用域安全的构造函数

作用域安全的构造函数在进行任何更改前，首先确认 this 对象是正确类型的实例。如果不是，那么会创建新的实例并返回。

如下：

function Person(name,age,job){

if(this instanceof Person){

console.log("Person用法 - 正确");

this.name=name;

this.age=age;

this.job=job;

}else{

console.log("Person用法 - 不正确");

return new Person(name,age,job);

}

}

var person=Person("hahahah",26,"WEB");

console.log(person);

console.log(person.name);//"hahahah";

console.log(window.name);//""

console.log(typeof window.name);//string

console.log(window.age);//26;

console.log(window.job);//WEB";

这段代码中的 Person 构造函数添加了一个检查并确保 this 对象是 Person 实例的 if 语句，它表示要么使用 new 操作符，要么在现有的 Person 实例环境中调用构造函数。任何一种情况下，对象初始化都能正常进行。如果 this 并非 Person 的实例，那么会再次使用 new 操作符调用构造函数并返回结果。最后的结果是，调用 Person 构造函数时无论是否使用 new 操作符，都会返回一个 Person 的新实例，这就避免了在全局对象上意外设置属性。

** 实现这个模式后，你就锁定了可以调用构造函数的环境。如果你使用构造函数窃取模式的继承且不使用原型链，那么这个继承很可能被破坏。**

function Parent(name,age,job){

if(this instanceof Parent){

console.log("Chilren用法 - 正确");

this.name=name;

this.age=age;

this.job=job;

}else{

console.log("Chilren用法 - 不正确");

return new Parent(name,age,job);

}

}

function Chilren(parentName){

Parent.call(this,"child","1","null");

this.name=parentName;

}

var target=new Chilren("ooooo");

console.log(target);//{name: "ooooo"}

console.log(target.age);//undefined

在这段代码中， Parent 构造函数是作用域安全的，然而 Chilren 构造函数则不是。新创建一个 Chilren 实例之后，这个实例应该通过 Parent.call() 来继承 Parent 的 age 属性。但是，由于 Parent 构造函数是作用域安全的， this 对象并非 Parent 的实例，所以会创建并返回一个新的 Parent 对象。 Chilren 构造函数中的 this 对象并没有得到增长，同时 Parent.call() 返回的值也没有用到，所以 Chilren 实例中就不会有 age 属性。

function Parent(name,age,job){

if(this instanceof Parent){

console.log("Chilren用法 - 正确");

this.name=name;

this.age=age;

this.job=job;

}else{

console.log("Chilren用法 - 不正确");

return new Parent(name,age,job);

}

}

function Chilren(parentName){

Parent.call(this,"child","1","null");

this.name=parentName;

}

Chilren.prototype = new Parent();//【加上这一行代码，让Chilren的实例可以指到Chilren即可】

var target=new Chilren("ooooo");

console.log(target);//Chilren {name: "ooooo", age: "1", job: "null"}

console.log(target.age);//1

上面这段重写的代码中，一个 Rectangle 实例也同时是一个 Polygon 实例，所以 Polygon.call()

会照原意执行，最终为 Rectangle 实例添加了 sides 属性。