主页 / coding / 问题 / 79493854
Accepted
Chrys G
Asked: 2025-03-08 12:04:28 +0800 CST

array.prototype 正在应用于非数组对象（？）

  • 772

我有一个库，其中添加了以下数组类型 -

Array.prototype.top = function() {
    return (this.length > 0) ? this[this.length-1] : null;
    }

它似乎适用于非数组对象 - 例如，

for (key in myrecordset) {
    alert(key);                // will iterate and alert "top";
    }

在调试器控制台中：

> myrecordset.length
< undefined
> typeof myrecordset
< 'object'
> myrecordset instanceof(Array)
< false
> myrecordset['top']
< f() {
      return (this.length ...
      }

那么，这是什么情况？该对象不是 JavaScript 数组（即，没有长度，不是实例，...），但 Array.prototype.top 似乎已应用？

注意：此外，尝试遵循原型链我得到

> myrecordset.constructor()
< {}
    [[ Prototype ]]: Object

范围：使用 myrecordset 的屏幕截图在此处输入图片描述

javascript

2 个回答

  1. 对象可以通过多种方式获得等于的属性top。屏幕截图证明，myrecordset具有的top属性不是继承的属性，而是“自身”属性。这意味着它被复制到那里。

    以下是可能发生的一种情况：

    Array.prototype.top = function () {
    return this.length ? this[this.length-1] : null;
}

console.log([1,2,3].top()); // 3

class RecordSet {
    constructor(...items) {
        Object.assign(this, items);
        Object.assign(this, Array.prototype);
    }
}

const myrecordset = new RecordSet({a:1}, {b:2});

console.log("top" in myrecordset); // true
console.log(myrecordset.length); // undefined
console.log(typeof myrecordset); // object
console.log(myrecordset instanceof Array); // false
console.log(myrecordset.top === Array.prototype.top); // true
console.log(myrecordset); // "0": .. "1": .. "top": ..

    可能防止这种情况的一种方法是在 Array 原型上定义top为不可枚举的属性：

    Object.defineProperty(Array.prototype, "top", {
    configurable: true,
    writable: true,
    value() {
        return this.length ? this[this.length-1] : null;
    }
});

console.log([1,2,3].top()); // 3

class RecordSet {
    constructor(...items) {
        Object.assign(this, items);
        Object.assign(this, Array.prototype);
    }
}

const myrecordset = new RecordSet({a:1}, {b:2});

console.log("top" in myrecordset); // false
console.log(myrecordset.top); // undefined
console.log(myrecordset); // "0": .. "1": ..

    • 1
  2. Best Answer

    为了正确扩展原型，您应该使新 props 不可枚举。对于您的情况，您可能对在包含有问题的代码后运行的修复感兴趣，它会将所有可枚举的 props 转换为不可枚举的：

    Array.prototype.top = function () {
    return this.length ? this[this.length-1] : null;
}

function makeNonEnumerable(obj){
  const props = Object.getOwnPropertyDescriptors(obj);
  for(const name in props){
    const desc = props[name]
    if(desc.enumerable){
      desc.enumerable = false;
      Object.defineProperty(obj, name, desc);
    }
  }    
}

makeNonEnumerable(Array.prototype);

console.log([1,2,3].top()); // 3

class RecordSet {
    constructor(...items) {
        Object.assign(this, items);
        Object.assign(this, Array.prototype);
    }
}

const myrecordset = new RecordSet({a:1}, {b:2});

console.log(myrecordset); // "0": .. "1":

    • 1

相关问题