构造函数有返回值

例子一 标准构造函数
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
posted @ 2018-12-29 17:43  rencoo  阅读(2055)  评论(0编辑  收藏  举报