for-in输出

Question

var oDome = document.getElementById('dome');Object.prototype.move = function(json){    for(var key in json){        console.log(key)        //为什么输出的是 width,height,move ?        //不是应该只有width，height吗？    }    console.log(json)};oDome.move({    'width':'200px',    'height':'300px'});

Answer 1

for…in

以任意序迭代一个对象的可枚举属性。 
循环将迭代对象的所有可枚举属性和从它的构造函数的 prototype 继承而来的（包括被覆盖的内建属性）。

在你的例子中，move属性在Object构造函数的原型里面，而所有对象都是Object的实例，所以枚举任何一个对象的属性都会看到它。

解决方法有两个——

1. 使用hasOwnProperty方法，检验属性是否是其本身所含有的

   for(var key in json){    if(json.hasOwnProperty(key)) {        console.log(key);
       }
   }

2. 将move的属性设置为不可枚举

   
   

   Object.defineProperty(Object.prototype, "move", {    enumerable: false});