new fn与new fn()有什么区别吗?
用 new
创建构造函数的实例时,通常情况下 new
的构造函数后面需要带括号(譬如:new Parent()
)。
有些情况下new
的构造函数后带括号和不带括号的情况一致,譬如:
function Parent(){
this.num = 1;
}
console.log(new Parent());//输出Parent对象:{num:1}
console.log(new Parent);//输出Parent对象:{num:1}
但有些情况下new的构造函数后带括号和不带括号的情况并不一致,譬如:
function Parent(){
this.num = 1;
}
console.log(new Parent().num);//1
console.log(new Parent.num);//报错
结果分析:
从报错信息来看,new Parent.num
执行顺序是这样的:先执行Parent.num
,此时返回结果为undefined
;后执行new
,因new
后面必须跟构造函数,所以new undefined
会报错。
new Parent().num
相当于(new Parent()).num
,所以结果返回1。
从结果来看,new Parent.num
代码相当于new (Parent.num);
,new Parent().num
相当于(new Parent()).num
。由此看来 new
的构造函数后跟括号优先级会提升。