构造函数有返回值


例子一 标准构造函数
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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM