js 中對象屬性的特性

来源:http://www.cnblogs.com/Ziksang/archive/2016/02/13/5187691.html
-Advertisement-
Play Games

數據屬性: 數據屬性包含一個數據值的位置,在這個位置可以讀取和寫入值。 4個描述的行為特性: writable 表示能否修改屬性的值。預設為true Enumerable 表示能否過過for in迴圈返回屬性是否可以枚舉。 configuralbe 表示是否能過來delete刪除屬性從來重新定義屬性


數據屬性:

數據屬性包含一個數據值的位置,在這個位置可以讀取和寫入值。

4個描述的行為特性:

writable  表示能否修改屬性的值。預設為true

Enumerable 表示能否過過for in迴圈返回屬性是否可以枚舉。

configuralbe 表示是否能過來delete刪除屬性從來重新定義屬性,能否修改其配置。

value 包含這個屬性的數據值。讀取屬性值的時候,從這個位置讀取。

        寫入屬性值的時候,把新值保存在這個位置。這個特性的預設值為true。

 1 <script>
 2     function Foo(){}
 3     Foo.prototype.z = 3
 4     var obj = new Foo()
 5     obj.x = 1
 6     alert("x" in obj)    //=>true x是obj對象的自有屬性
 7     alert("z" in obj)    //=>true z是obj原型上繼承來看屬性
 8     //hasOwnProperty 必須是對象上的自有的屬性才返回true
 9     alert(obj.hasOwnProperty("x"))    //true  x是obj對象上的自有屬性
10     alert(obj.hasOwnProperty("z"))    //false z是obj原型上繼承來的屬性,不是他的私有屬性
11     alert(Foo.prototype.hasOwnProperty("z")) //=>true z是原型上自有的屬性,所以返回true
12     alert(Object.prototype.hasOwnProperty("toString"))//=>toString  是頂級對象上的自有屬性,所以返回true
13     //prpertyisEnumeralbe 的意思是必是對象上的自有屬性而且要以是枚舉的,但是對象的可枚舉屬性Enumeralbe是true,才能返回true
14     alert(obj.propertyIsEnumerable("x"))   //true x是obj對象上可枚舉的屬性
15     alert(obj.propertyIsEnumerable("z"))   //false z是obj原型上的屬性,不是自有屬性,則不可以枚舉
16     alert(Foo.prototype.propertyIsEnumerable("z")) //true x是原型上的自有屬性,所以可以枚舉
17 </script>

如何枚舉屬性,枚舉屬性對於原型又有什麼區別?

演示代碼如下:

 1 <script>
 2     function Foo(){}
 3     Foo.prototype.age = 22
 4     var obj = new Foo()
 5     obj.name = "ziksang"
 6     obj.addr = "上海"
 7     obj.telephone = 15921848427
 8     for(var p in obj){     //使用FOR IN 可以枚舉出自身的屬性和原型上的屬性
 9         console.log(p)
10     }
11     console.log(Object.keys(obj))  //使用Object.keys(obj)只可以枚舉Obj對象上自身的屬性
12     console.log(Object.getOwnPropertyNames(obj))   //Object.getOwnPropertyNames(obj)是列出Ojb對象上自身的屬性名,與枚舉不相關,但是又類似枚舉,大家要註意區分
13 
14 </script>

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Javascript,是從類型(type)開始,這些類型在JS中分為兩大類:原生類型與對象類型。原生類型包括:number,string, boolean, null, undefined;剩下的非原生類型對象都屬於對象類型,包括:object, array, function等,這裡的object
  • 這裡簡單的寫一些涉及到字體排版中常用到的屬性, 大家可以學習查看, 也可以mark下以後看. font-family: "Micrsoft Yahei"; 設置字體 font-size: 20px; 設置字型大小 color: red; 設置顏色 font-weight: bold; 文字加粗 font
  • 下麵這些客戶端 javascript代碼用到了事件,它給一個很重要的事件--“load" 事件註冊了一個事件處理程式。同時展示了註冊”click“事件處理函數更高級的一種方法 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset=
  • 其實這樣的東西很多了,但是我就是要寫。 我寫這種鬼東西只是為了監督自己,如果能順便幫一下別人就更好了。 這個系列的基礎學習,不會去看實體書,主要是去看網上的資料和官網。 Bootstrap就是對jQuery的一次再開發,所以jQuery腳本引用必須在bootstrap腳本之前。 <link type
  • 通過提示框跳轉頁面 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <script> 9 window.onlo
  • 對象的存儲描述: get 和 set 方法 1 <script> 2 var obj ={ 3 get age(){ 4 return 22 5 }, 6 set age(value){ 7 console.log(value) 8 } 9 } 10 console.log(obj.age) 11
  • 如何自定義屬性的特性? 用對象.屬性的特性和自定義的屬性的特性有什麼區別? 它的四大特性 writable enumerable configable 有什麼區別? 先預習一個用對象.屬性定義 ,屬性的四大特性是以什麼方式呈現的。 這時個屬性的三大特性預設值都為true。 代碼演示: 1 <scri
  • 針對兩列佈局案例(左邊一列寬度固定,右邊一列寬度自適應),從而講解float屬性
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...