javascript中构造函数new使用的注意事项

场景：js中使用构造函数构造对象

方法：1、字面量构造法，如var obj={}；2、new构造法，如var obj=new Obj（），其中Obj是在上下文中定义的一个构造函数；

问题：使用new构造对象时，大家往往有时候会忘记加上new，我们下面以代码说明

function Obj(){
    this.name="Obj";
}
var obj=Obj();
console.log(obj.name);

function Obj(){
    this.name="Obj";
}
var obj=Obj();
console.log(obj.name);

function Obj(){
    this.name="Obj";
}
var obj=Obj();
console.log(obj.name);

function Obj(){
    this.name="Obj";
}
var obj=Obj();
console.log(obj.name);

代码1：

function Obj(){

 this.name="Obj";  

}  

var obj=Obj();  //忘记加上new时的构造函数调用

console.log(obj.name);//输出对象的name属性的值

输出值：undefined（备注：没加new关键字，似的Obj函数执行时，this绑定到全局变量）

代码2：

function Obj(){

 this.name="Obj";  

}  

var obj=new Obj();  //忘记加上new时的构造函数调用

console.log(obj.name);//输出对象的name属性的值

输出值：Obj

解决方法：

依赖开发人员的自觉性和细心，明显是不靠谱的，那么为了让我们给出的借口更加健壮，我们可以用如下方法解决

function Obj(){

if(!(this instanceof Obj))

{

return new Obj();//好吧，既然有些懒虫不想加new，我们帮忙加上吧，嘿嘿

}

this.name="Obj";

}

var obj=Obj();

console.log(obj.name);

输出值：Obj