JavaScript 中 'z'['toUpperCase']() 是如何工作的，以及为什么它能工作？

在本教程中，我们将学习 ‘z’[‘toUpperCase’]() 在 JavaScript 中是如何工作的以及为什么它能工作。从给定的格式可以看出，它会为字符串 'z' 调用 toUpperCase() 方法。它的工作方式与我们以任何字符串作为引用调用 toUpperCase() 方法相同。

让我们了解一下下面 'z'['toUpperCase']() 的语法。

语法

let result = 'z'['toUpperCase'](); // returns 'Z', string in upper case

以上语法与以下相同。

示例

let string = 'z';
let result = string.toUpperCase();

为什么 'z'['toUpperCase']() 能工作？

在 JavaScript 中，toUpperCase() 方法用于将字符串的所有字符转换为大写。toUpperCase() 是 string.prototype() 类的方法。

在我们继续本教程之前，让我们先了解两种使用对象访问任何类属性的方法。

使用对象访问任何类属性的第一种方法是点运算符，用户可以在下面看到相应的语法。

let obj = new object();
obj.method();
obj.variable;

现在，用户可以看到使用对象访问类属性的第二种方法。

let obj = new object();
obj[method]();
obj[variable];

在 'z'['toUpperCase'] 中，我们使用了第二种方法来访问字符串类方法。这里，'z' 是字符串，但当我们使用第二种语法时，它会转换为对象。'toUpperCase' 是 String 类的函数，而 '()' 表示访问的属性是函数，并以对象作为引用来调用它。

让我们通过以下示例来了解上面调用 toUpperCase() 函数的格式。

示例

在下面的示例中，我们访问了 String 类的 toUpperCase() 函数，并将其应用于字符串对象。我们在下面的示例中使用了不同的字符串对象并将它们转换为大写。用户可以看到不同值的输出。

<html>
<body>
   <h2> How and why does 'z'['toUpperCase']() in JavaScript work? </h2>
   <h4> Used <i> 'z'['toUpperCase']() </i> for differnet string object values.</h4>
   <div id = "Output"> </div>
   <script>
      let Output = document.getElementById("Output");
      Output.innerHTML += "'z'['toUpperCase']() output is : " + 'Z'['toUpperCase']() + '<br/>';
      Output.innerHTML += "'ABCd34'['toUpperCase']() output is : " + 'ABCd34'['toUpperCase']() + '<br/>';
      Output.innerHTML += "'@#$Rts'['toUpperCase']() output is : " + '@#$Rts'['toUpperCase']() + '<br/>';
   </script>
</body>
</html>

在本教程中，我们学习了 'z'['toUpperCase']() 语法是如何工作的。它的工作方式与 string.toUpperCase() 函数相同。同样地，用户可以访问其他类属性，例如变量和函数。

更新于: 2022年8月22日

197 次查看

开启你的 职业生涯

通过完成课程获得认证

立即开始
广告