javascript - JavaScript中object.propertyName和object [“propertyName”]之间的区别

Question

This question already has answers here:

JavaScript property access: dot notation vs. brackets?

(13个回答)


4年前关闭。




我最近从“ JavaScript the Good Parts”学习了Js，并且据我了解
Object.propertyName与 Object["propertyName"]产生相同的结果(如果我不合适，请更正我，并描述两者的区别)。

我正在尝试增强Function.prototype，以使方法可用于所有函数，如下所示:

Function.prototype.method = function (name, func) {
            this.prototype[name]= func;
    };

它工作正常，但是当我用 this.prototype[name]替换 this.prototype.name时，它将无法按预期运行!

这是我测试的方式:

 Number.method("myRoundFunction", function () {
        return Math[this < 0 ? "ceil" : "floor"](this);
    });
    console.log((-10 / 3).myRoundFunction());

这显示了使用 this.prototype[name]时的期望值(-3)，但是

(-3.3333333333333335).myRoundFunction is not a function

关于将其更改为 this.prototype.name
有人可以澄清为什么会这样吗？

在此先感谢您的帮助。

最佳答案

发生的情况是name是一个变量，不能直接与点符号一起使用。为了更好地说明该问题，假设您将"newMethod"的值传递给name。现在，当您执行以下操作时:

this.prototype[name] = func;

...相当于写:

this.prototype["newMethod"] = func;

但是当您这样做时:

this.prototype.name = func;

...您正在分配给对象的 name属性，而不是 newMethod属性。在上面的语句中根本没有引用在 name参数下传递的变量。

将执行您期望的分配的语法为:

this.prototype.newMethod = func;

但是，您不能使用点表示法和 name变量来表达这一点(除非通过作弊并使用字符串串联和 eval()来实现)。在这种情况下，您必须使用数组下标符号。

关于javascript - JavaScript中object.propertyName和object [“propertyName”]之间的区别，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8692076/

上一篇：string - Haskell 如何创建 Word8？

下一篇：Powershell 无法返回正确的退出代码

Answer 1

发生的情况是name是一个变量，不能直接与点符号一起使用。为了更好地说明该问题，假设您将"newMethod"的值传递给name。现在，当您执行以下操作时:

this.prototype[name] = func;

...相当于写:

this.prototype["newMethod"] = func;

但是当您这样做时:

this.prototype.name = func;

...您正在分配给对象的 name属性，而不是 newMethod属性。在上面的语句中根本没有引用在 name参数下传递的变量。

将执行您期望的分配的语法为:

this.prototype.newMethod = func;

但是，您不能使用点表示法和 name变量来表达这一点(除非通过作弊并使用字符串串联和 eval()来实现)。在这种情况下，您必须使用数组下标符号。