构造函数有返回值

例子一 标准构造函数

function F1() {
    this.name = 'f1';
}

console.log(new F1()); // {name: "f1"} 返回实例, 委托原型
console.log(new F1().name); // f1

console.log(F1().name); // Uncaught TypeError: Cannot read property 'name' of undefined
console.log(F1()); // undefined

例子二 函数返回引用类型值

function F2() {
    this.name = 'f2';
    return {};
}

console.log(new F2()); // 引用类型值, 返回该值{} 
console.log(new F2().name); // undefined

// 这种情况，使用new调用就与调用正常函数一致
console.log(F2()); // {} 常规函数调用
console.log(F2().name); // undefined

例子二 函数返回基本类型值

function F3() {
    this.name = 'f3';
    return 5;
}

// 这种情况, 使用new调用函数就与调用标准构造函数一致
console.log(new F3()); // 基本类型值, 仍旧返回构造函数的实例 {name: f3}
console.log(new F3().name); // f3

console.log(F3()); // 5 常规函数调用
console.log(F3().name); // undefined

转载于:https://www.cnblogs.com/rencoo/p/10197288.html