使用原型时如何引用父对象？

Question

我创建了一个实用函数，我编写的几乎所有 Javascript 代码都包含它。上述函数的目的是简单地从数组中删除一个元素。它接受一个数组和一个索引作为参数，并返回删除了所需元素的数组。

函数如下：

sliceHere = function(array, i)
{
    buffOne = array.slice(0, i);
    buffTwo = array.slice(i + 1);

    return buffOne.concat(buffTwo);         
}

它工作得很好。如果我有一个数组a = ["a", "b", "c"]，并且我想从中删除"a"，我只需执行a = sliceHere(a, 0);。

虽然这确实工作，我想用更“优雅”的东西来代替它。我想做的是使函数sliceHere 成为我拥有的 all 数组的方法。所以我可以简单地做a.sliceHere(0) 并达到同样的效果。感觉是一种更好的做事方式，如果我错了，请纠正我。

我做的是这样的：

sliceHere = function(i)
{
    buffOne = this.slice(0, i);
    buffTwo = this.slice(i + 1);

    this = buffOne.concat(buffTwo);         
}

Array.prototype.sliceHere = sliceHere

这似乎根本行不通。因为我知道“this”可能不是实际的数组。 如何从方法内部引用数组？

Answer 1

为什么要重新发明轮子？ Array.prototype.splice 已经做了同样的事情：

var array = [1, 2, 3];
var i = 1;
array.splice(i, 1);
array; // [2, 3]

好的，让我们重新发明轮子：

带拼接：

Array.prototype.sliceHere = function(i) {
    this.splice(i, 1);
};

无拼接：

Array.prototype.sliceHere = function(i) {
     var i_want_you = this.slice(0, i).concat(this.slice(i + 1));
     this.length = 0;
     this.push.apply(this, i_want_you);  // <-- Modifies all keys, indirectly
};

如果您不希望该方法出现在for(.. in ..) 循环中，请使用Object.defineProperty(Array.prototype, 'sliceHere', {value: /*function here*/});。

Answer 2

this 始终是只读的，因此您无法为其分配新数组，而应返回更新后的值。这是您示例的更新版本：

sliceHere = function(i)
{
    buffOne = this.slice(0, i);
    buffTwo = this.slice(i + 1);

    return buffOne.concat(buffTwo);
}

Array.prototype.sliceHere = sliceHere;

var arr = [1, 2, 3];
arr = arr.sliceHere(1);