Início / coding / Perguntas / 79493854
Accepted
Chrys G
Asked: 2025-03-08 12:04:28 +0800 CST

array.prototype está sendo aplicado a um objeto não array (?)

  • 772

Tenho uma biblioteca com a seguinte adição para tipos de Array -

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

Parece ser aplicado a objetos não-Array - por exemplo,

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

No console do depurador:

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

Então, o que ? O objeto não é um array javascript (ou seja, sem comprimento, não é uma instância de, ...) mas o Array.prototype.top parece ter sido aplicado?

Nota: além disso, ao tentar seguir a cadeia de protótipos, obtenho

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

ESCOPO: captura de tela com myrecordsetinsira a descrição da imagem aqui

javascript

2 respostas

  1. Há muitas maneiras de um objeto obter uma propriedade que é igual a top. A captura de tela prova que myrecordsettem uma toppropriedade que não é uma propriedade herdada, mas é uma propriedade "própria". Isso significa que foi copiado para lá.

    Aqui está um cenário possível que poderia ter acontecido:

    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": ..

    Uma maneira de possivelmente evitar isso é definir topcomo uma propriedade não enumerável no protótipo do Array:

    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

    Para estender adequadamente um protótipo, você deve tornar os novos props não enumeráveis. No seu caso, você pode estar interessado em uma correção que seja executada após incluir o código problemático, ela converterá todos os props enumeráveis ​​em não enumeráveis:

    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

relate perguntas