构造函数中return 不同类型的值（对象或非对象）

原创于 2018-09-05 15:57:48 发布 · 1.1k 阅读

CC 4.0 BY-SA版权

40 篇文章

订阅专栏

本文探讨了JavaScript中使用new操作符调用构造函数时，不同返回值类型的影响。当构造函数返回对象时，会返回该对象；若返回非对象，则忽略返回值，使用新创建的实例。

function F1() {
    this.name= 'zhangsan';
    return [];
}
var f1=new F1();
console.log(f1);//[]
console.log(f1.name);//undefined

function F2() {
    this.age = 10;
    return 20;
        }
var f2=new F2();
console.log(f2);//F2{name:'zhangsan'} 
console.log(f2.name);//'zhangsan'

会出现上面这种情况的原因如下:

根据ECMAScript标准的规则，如果是在构造函数中，当回传值(return)是个对象时，用new之后就是得到那个return的对象。当回传值是对象以外的，如number、string、boolean或null、undefined(没有return)时，就会回传新构造出来的实例对象。