成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

筆記：js對象遍歷

不知名網(wǎng)友 / 420人閱讀

摘要：中的對象概念非常不同，要把它當作其它語言的關(guān)聯(lián)數(shù)組如或者如來理解的話，還是有很大的不一樣由于原型鏈和屬性描述符主要是的存在。一個對象字面量有作為原型，它有繼承自原型鏈的不可枚舉的方法。下面將以對象字面量為例。

JavaScript中的對象概念非常不同，要把它當作其它語言的關(guān)聯(lián)數(shù)組（如PHP）或者Map（如Java）來理解的話，還是有很大的不一樣——由于原型鏈和屬性描述符（主要是[[Enumerable]]）的存在。

一個對象字面量{}有Object作為原型，它有繼承自原型鏈的不可枚舉的toString方法。下面將以對象字面量為例。

下標操作符、點操作符可以訪問到自身屬性或繼承自原型鏈的任何屬性，除非出現(xiàn)了屬性覆蓋
var a ={}; a.toString返回toString方法
var a ={toString:"a"}; a.toString返回字符串"a"

for in循環(huán)將枚舉的自身屬性和繼承自原型鏈的所有[[Enumerable]]的屬性

"key" in obj的判斷中，判斷自身屬性或繼承自原型鏈的屬性的存在性
"toString" in {}返回true

obj.hasOwnProperty()的判斷中，只判斷自身屬性的存在性
({}).hasOwnProperty("toString")返回false
({toString:"a"}).hasOwnProperty("toString")返回true

Object.keys()可返回自身[[Enumerable]]的屬性組成的數(shù)組，不包括原型鏈上繼承的屬性
Object.keys({a:1})返回["a"]，不包含原型鏈上的toString等內(nèi)容

Object.getOwnPropertyNames()可以返回自身任何屬性組成的數(shù)組，不包括原型鏈上繼承的屬性

類目 語句 自身屬性 原型鏈上繼承的屬性
可枚舉屬性 不可枚舉屬性 可枚舉屬性 不可枚舉屬性
訪問 obj.prop √ √ √ √
obj["prop"] √ √ √ √
循環(huán) for key in obj √ √
判斷 key in obj TRUE TRUE TRUE TRUE
obj.hasOwnProperty(key) TRUE TRUE FALSE FALSE
列舉 Object.keys(obj) √
Object.getOwnPropertyNames(obj) √ √

可以通過以下方式避免遍歷過程中的原型鏈干擾：

在get/set方法中為每一個鍵加上前綴

Object.create(null)來創(chuàng)建一個沒有原型的對象

這些都可以在StringMap的解決方案里找到：
(雖然很不喜歡粘代碼，但是google code都快關(guān)了)

// Copyright (C) 2011 Google Inc.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

/**
 * @fileoverview Implements StringMap - a map api for strings.
 *
 * @author Mark S. Miller
 * @author Jasvir Nagra
 * @requires ses
 * @overrides StringMap
 */

var StringMap;

(function() {
   "use strict";

   var create = Object.create;
   var freeze = Object.freeze;
   function constFunc(func) {
     func.prototype = null;
     return freeze(func);
   }

   function assertString(x) {
     if ("string" !== typeof(x)) {
       throw new TypeError("Not a string: " + x);
     }
     return x;
   }

   var createNull;

   if (typeof ses === "undefined" ||
       !ses.ok() ||
       ses.es5ProblemReports.FREEZING_BREAKS_PROTOTYPES.beforeFailure) {

     // Object.create(null) may be broken; fall back to ES3-style implementation
     // (safe because we suffix keys anyway).
     createNull = function() { return {}; };
   } else {
     createNull = function() { return Object.create(null); };
   }

   StringMap = function StringMap() {

     var objAsMap = createNull();

     return freeze({
       get: constFunc(function(key) {
         return objAsMap[assertString(key) + "$"];
       }),
       set: constFunc(function(key, value) {
         objAsMap[assertString(key) + "$"] = value;
       }),
       has: constFunc(function(key) {
         return (assertString(key) + "$") in objAsMap;
       }),
       "delete": constFunc(function(key) {
         return delete objAsMap[assertString(key) + "$"];
       })
     });
   };

 })();

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87666.html

相關(guān)文章

  • JS筆記二：JS歷史、數(shù)據(jù)類型、for in遍歷對象、typeof的BUG

    摘要：學(xué)習(xí)筆記二個人學(xué)習(xí)筆記參考阮一峰的教學(xué)學(xué)習(xí)筆記二是對學(xué)習(xí)筆記一的補充歷史是標準新增特性匯總方應(yīng)航知乎專欄個小變化新增特性匯總方應(yīng)航知乎專欄以后一年一次只增加了兩個特性只增加了個特性功能最多數(shù)據(jù)類型補充字符串多行字符串新特性多行字符串 JavaScript學(xué)習(xí)筆記二 個人學(xué)習(xí)筆記 參考阮一峰的JavaScript教學(xué) 學(xué)習(xí)筆記二是對學(xué)習(xí)筆記一的補充 JavaScript歷史 sho...

    mrcode 評論0 收藏0

  • 筆記-你不知道的JS-對象

    摘要：內(nèi)置對象，在中，它們實際上只是一些內(nèi)置函數(shù)。這些內(nèi)置函數(shù)可以當作構(gòu)造函數(shù)，使用調(diào)用，產(chǎn)生新對象。在必要時語言會自動把字符串字面量轉(zhuǎn)換成一個對象，也就是說你并不需要顯式創(chuàng)建一個對象。屬性操作符要求屬性名滿足標識符的命名規(guī)范。 1 如何定義 // 聲明形式，大部分情況下使用聲明形式 let obj ={ a:2, b:3 }; // 構(gòu)造形式 let obj= = new Obje...

    senntyou 評論0 收藏0

  • JavaScript 語言核心筆記（持續(xù)更新）

    摘要：在同一個塊內(nèi)，不允許用重復(fù)聲明變量。中為新增了塊級作用域。自帶遍歷器的對象有數(shù)組字符串類數(shù)組對象對象的對象等和結(jié)構(gòu)對象。返回一個遍歷器，使遍歷數(shù)組的鍵值對鍵名鍵值。 目錄 1.語法 2.類型、值和變量 3.表達式和運算符 4.語句 5.數(shù)組 6.對象 7.函數(shù) 8.全局屬性和方法 9.詞法作用域、作用域鏈、閉包 10.原型鏈、繼承機制 11.this的理解 12.ES5新特性 13.E...

    suosuopuo 評論0 收藏0

  • JS中ArrayAPI學(xué)習(xí)筆記

    摘要：如果該函數(shù)的返回值大于，表示第一個成員排在第二個成員后面其他情況下，都是第一個元素排在第二個元素前面。第三次執(zhí)行，為上一輪的返回值，為第四個成員。第四次執(zhí)行，為上一輪返回值，為第五個成員。 JS中ArrayAPI學(xué)習(xí)筆記 記博客,時常回顧.尤其是面試之先回顧阮一峰標準庫Array對象 1 一些標準庫回顧 showImg(https://segmentfault.com/img/remo...

    tolerious 評論0 收藏0

  • 學(xué)習(xí)Virtual Dom筆記

    摘要：通過深度優(yōu)先遍歷兩棵樹，每層節(jié)點進行對比，記錄下每個節(jié)點的差異。所以可以對那棵樹也進行深度優(yōu)先遍歷，遍歷的時候從步驟二生成的對象中找出當前遍歷的節(jié)點差異，然后進行操作。 實現(xiàn)虛擬(Virtual) Dom 把一個div元素的屬性打印出來，如下： showImg(https://segmentfault.com/img/bVbnPe1?w=1239&h=336); 可以看到僅僅是第一層，...

    DobbyKim 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<