JavaScript中的'a'['toUpperCase']（）如何以及为什么工作？

Question

JavaScript一直让我惊讶，这是另一个例子。我只是遇到了一些我起初不理解的代码。所以我调试了它，得出了这个结论：

alert('a'['toUpperCase']());  //alerts 'A'

现在，如果toUpperCase（）被定义为字符串类型的成员，这一定是显而易见的，但最初对我来说没有意义。

不管怎样，

>

这是否因为toUpperCase是“a”的成员而起作用？还是幕后还有别的事

我正在阅读的代码具有如下功能：

function callMethod(method) {
    return function (obj) {
        return obj[method](); //**how can I be sure method will always be a member of obj**
    }
}

var caps2 = map(['a', 'b', 'c'], callMethod('toUpperCase')); // ['A','B','C'] 
// ignoring details of map() function which essentially calls methods on every 
// element of the array and forms another array of result and returns it

对任何对象调用任何方法都是一种通用函数。但这是否意味着指定的方法已经是指定对象的隐式成员？

我确信我错过了一些对JavaScript函数基本概念的认真理解。请帮助我理解这一点。

Answer 1

您可以使用访问任何对象的成员。propertyName表示法或[“propertyName”]表示法。这就是JavaScript语言的特点。要确保成员位于对象中，只需检查（如果已定义）：

function callMethod(method) {
    return function (obj) {
        if (typeof(obj[method]) == 'function') //in that case, check if it is a function
           return obj[method](); //and then invoke it
    }
}

Answer 2

foo。bar和foo['bar']是相等的，因此您发布的代码与

alert('a'.toUpperCase())

当使用foo[bar]时（注意没有引号），您不使用字面名称bar，而是使用变量bar包含的任何值。因此，使用foo[]符号代替foo 允许您使用动态属性名称。

让我们看看callMethod：

首先，它返回一个以obj为参数的函数。当该函数被执行时，它将对该对象调用方法。因此，给定的方法只需要存在于obj本身或其原型链的某个地方。

在toUpperCase的情况下，该方法来自String。原型toUpperCase-对于存在的每个字符串都有一个单独的方法副本是相当愚蠢的。

Answer 3

把它分解。

• 。toUpperCase（）是字符串的一种方法。原型

所以

'a'['toUpperCase'];

是通过属性toUpperCase上的括号表示法进行的访问，来自String.prototype。由于这个属性引用了一个方法，我们可以通过附加（）来调用它

'a'['toUpperCase']();