在javascript中,为什么从构造函数返回函数会破坏对象?[副本]

来自MDN docs 对于 “新的” 操作员:

如果构造函数没有显式返回对象,则 而是使用在步骤1中创建的对象。(通常构造函数不 返回一个值,但如果要重写,则可以选择这样做 正常的对象创建过程。)

因此,在返回中显式返回一个函数对象,它将重写由 Car2 构造函数函数。

返回的函数对象没有 brand 所以你得到了 undefined ,可以通过显式添加 品牌 返回的函数对象的属性:

function Car2() {
    this.brand = "Honda"
    const func =  function(){
        console.log('TEST');
    }
    func.brand = "Toyota";
    return func;
}
var car2 = new Car2()
console.log(car2.brand)

new 关键字用于从构造函数创建对象。构造函数隐式返回 this 与构造函数一起使用new时的上下文。

但是在第二个示例中,您显式地从构造函数返回了一个函数体,因此car2不包含car2的实例,而是包含正在返回的函数体。

返回的函数不包含brand属性,因此该值未定义。

你在返回一个函数,这就是原因。

var car2 = new Car2()
console.log(car2.brand) // undefined

car2() // TEST
But if you do car2(), you console.log ('TEST')

car2就是您返回的函数。