Question

我正在阅读MDN docs以更好地理解javascript。这是摘录

Object.prototype.objCustom = function() {}; 
Array.prototype.arrCustom = function() {};

let iterable = [3, 5, 7];
iterable.foo = 'hello';

for (let i in iterable) {
  console.log(i); // logs 0, 1, 2, "foo", "arrCustom", "objCustom"
}

在最糟糕的情况下，我认为它会打印0, 1, 2, "foo", "arrCustom"，但它也会打印objCustom。

更新
1）如何将原型链从iterable可视化到Array一直到Object。就像有任何iterable.getParent方法或iterable.myparent属性指向其上的父级一样 2）为什么它不打印toString，sort等数组函数，它们也在Array.prototype上。
3）当有人向hasOwnProperty财产添加内容时，我是否需要Array.prototype使用。

Answer 1

这是因为for in循环意味着迭代所有可拥有和继承的可枚举属性。您可以使用Object.keys()仅获取拥有的属性。

＆＃13;

Object.prototype.objCustom = function() {}; 
Array.prototype.arrCustom = function() {};

let iterable = [3, 5, 7];
iterable.foo = 'hello';

Object.keys(iterable).forEach(function(key) {
  console.log(key); // logs 0, 1, 2, "foo"
});

＆＃13;

但是，在Array上添加非数字属性非常不寻常。通常有更好的方法来完成你需要做的事情。

在阵列上使用for in循环也很不寻常。还有其他更好的迭代数组的方法，只要你将它限制在数字索引之内。

1）＆＃34;我如何将原型链从可迭代到数组一直可视化到Object。就像有任何iterable.getParent方法或iterable.myparent属性一样，它指向父级。＆＃34;

您可以使用Object.getPrototypeOf()来获取对象继承的下一个对象。在循环中执行直到达到null。

var proto = Object.getPrototypeOf(myObj);
do {
  console.log(proto);
} while((proto = Object.getPrototypeOf(proto)));

2）＆＃34;为什么它不打印toString等数组函数，排序它们也在Array.prototype上。＆＃34;

toString()和其他内置方法不可枚举。如上所述，for in只能访问可枚举的属性。

3）＆＃34;当有人向hasOwnProperty财产添加内容时，我是否需要Array.prototype使用{＆＃34>

不要在阵列上使用for in循环，你会做得更好。但是，是的，如果您使用for in，则需要.hasOwnProperty()样板代码来防范。

您还应该知道，在使用for in时，无法保证将按顺序访问数组索引。并且它通常比其他Array迭代方法慢得多。 .hasOwnProperty()检查时速度特别慢。

Answer 2

因为for-in遍历对象的所有属性，包括从原型继承的属性。要跳过继承的属性，请使用hasOwnProperty()。

＆＃13;

Object.prototype.objCustom = function() {};
Array.prototype.arrCustom = function() {};

let iterable = [3, 5, 7];
iterable.foo = 'hello';

for (let i in iterable) {
  if (iterable.hasOwnProperty(i)) {
    console.log(i);
  }
}

＆＃13;

Answer 3

for..in循环遍历对象拥有的所有属性，这意味着拥有自己的属性并继承。这就是为什么for..in伴随着hasOwnProperty，就像这个

一样

Object.prototype.objCustom = function() {}; 
Array.prototype.arrCustom = function() {};

let iterable = [3, 5, 7];
iterable.foo = 'hello';

for (let i in iterable) {
  if (iterable.hasOwnProperty(i))
    console.log('own', i); // logs 0, 1, 2, "foo"
  else
    console.log('not', i); // logs "arrCustom", "objCustom" (inherited)
}

Javascript for ... in循环使用Object.prototype和Array.prototype属性

3 个答案: