JavaScript中使用with关键字后构造函数实例属性返回undefined的原因

AI 小北

2026-8-13

问题解决：Car构造函数属性输出undefined的问题

问题原因

你在with(this)块里直接写Carprice = amount时，因为当前Car实例（也就是this）还不存在Carprice和CarColour这两个属性，JavaScript会把这些赋值操作当成创建全局变量，而不是给实例本身添加属性。所以你打印Nissan.Carprice和Nissan.CarColour时，实例上根本没有这两个属性，自然输出undefined。

正确写法

方案一：直接用`this`绑定属性（推荐）

这是最规范、可读性最高的写法，完全没必要用with语句：

function Car(amount, color) {
    this.Carprice = amount;
    this.CarColour = color;
}

var Nissan = new Car(10000, "red");
document.write(Nissan.Carprice); // 输出10000
document.write(Nissan.CarColour); // 输出red

方案二：非要用`with`的写法（不推荐）

如果坚持要用with，得先在实例上初始化这两个属性，让with块能定位到实例的属性进行赋值：

function Car(amount, color) {
    // 先在实例上声明属性
    this.Carprice = null;
    this.CarColour = null;
    with(this) {
        Carprice = amount;
        CarColour = color;
    }
}

var Nissan = new Car(10000, "red");
document.write(Nissan.Carprice); // 输出10000
document.write(Nissan.CarColour); // 输出red