Question

我正在使用node_webkit结合HTML，CSS和JS来开发应用程序。在我的应用程序的一部分中，我想更新Array.prototype，以便我可以轻松访问数组的最后一个元素。代码是：

if (!Array.prototype.last){
    Array.prototype.last = function(){
        return this[this.length - 1];
    };
}

如果我只运行工作正常且符合预期的js文件。如果我将js文件包含到HTML文档中，那么数组的原型似乎保持不变并且我得到错误：

data.last不是函数

我是否必须更改某些内容，以便我可以正常从HTML文件运行我的代码，或者根本不起作用，我必须花很长时间才能使用数组[array.length - 1]访问每个数组？

我用来包含脚本的HTML代码是：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../CSS/Cocktails.css">
    <title>Cocktails</title>
    <script type="text/javascript" src="../JavaScript/Cocktail.js"></script>
  </head>
  <body>
  /* some elements, that don't use the script yet */
  </body>
</html>

Answer 1

听起来你没有调用这个函数，你想把它称为data.last()，其中data是你声明的数组。 Here's a JSFiddle它的实际效果。

Answer 2

在ES5中，您需要使用defineProperties以便以可灵活的方式修改Array原型：

以下应该有效，

Object.defineProperties(Array.prototype, 
       { last: { value: function() { return this[this.length - 1]; } } });

更多信息：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperties

更改ecmascript中的Array.prototype（javascript）

2 个答案: