知道了這些,我們就可以把屬性的遍歷分為四種情況.
註:示例代碼中,我們要遍歷的對象是瀏覽器中的window,環境為Firefox 19,代碼運行在空白頁面中的script標簽裏。沒有Firebug或者其他調試工具的影響(會導入壹些全局變量,console等)。
1.遍歷可枚舉的自身屬性
可枚舉的意思就是該屬性的[[Enumerable]]特性為true,自身屬性的意思就是該屬性不是從原型鏈上繼承下來的.
(function () {
var propertys = Object.keys(window);
alert(propertys.length); //3
alert(propertys.join("\n")); //window,document,InstallTrigger,除了最後壹個是火狐私有的屬性,原來window對象只有兩個可枚舉的自身屬性.window屬性指向window對象自身,壹般沒什麽用.
})()
2.遍歷所有的自身屬性
特性為不可枚舉的屬性也並不是遍歷不到,ES5給我們提供了getOwnPropertyNames方法,可以獲取到壹個對象的所有自身屬性.
(function () {
var propertys = Object.getOwnPropertyNames(window);
alert(propertys.length); //72
alert(propertys.join("\n")); //Object,Function,eval等等
})()
3.遍歷可枚舉的自身屬性和繼承屬性
繼承屬性怎麽遍歷,妳應該知道,就是最常用的for in遍歷
(function () {
var getEnumPropertyNames = function (obj) {
var props = [];
for (prop in obj) {
props.push(prop);
}
return props;
}
var propertys = getEnumPropertyNames(window);
alert(propertys.length); //185
alert(propertys.join("\n")); //addEventListener,onload等等
})()
4.遍歷所有的自身屬性和繼承屬性
這種遍歷主要用在各種js調試工具的代碼補全功能上.比如Firebug的.
(function () {
var getAllPropertyNames = function (obj) {
var props = [];
do {
props = props.concat(Object.getOwnPropertyNames(obj));
} while (obj = Object.getPrototypeOf(obj));
return props;
}
var propertys = getAllPropertyNames(window);
alert(propertys.length); //276
alert(propertys.join("\n")); //toString等
})()
以上這篇淺談JavaScript中的屬性:如何遍歷屬性就是小編分享給大家的全部內容了,希望能給大家壹個參考,也希望大家多多支持腳本之家。