javascript中的數據屬性和存儲器屬性

DevTalking 發布于2019-08-19 17:59 / 603人閱讀

摘要：在中，對象的屬性分為數據屬性和存儲器屬性兩種兩種屬性的區別我們使用先來直觀的感受一下這兩者的不同。存儲器屬性看完了數據屬性和存儲器屬性直觀上的差異，我們詳細看一看存儲器屬性這個容易會被忽視說的就是我的屬性。

在javascript中，對象的屬性分為數據屬性和存儲器屬性兩種：

兩種屬性的區別

我們使用Object.defineProperty()先來直觀的感受一下這兩者的不同。

使用Object.defineProperty()對數據屬性進行設置的方法如下

var obj = {};
Object.defineProperty(obj, "prop", {
  value: 1,
  writable: true, //可寫性
  enumerable: true, //可枚舉性
  configurable: true //設置該屬性是否能被刪除，以及enumerable屬性是否可以被修改
})

使用Object.defineProperty()對存儲器屬性的設置方法如下

var obj = {};
Object.defineProperty(obj, "prop", {
  get
  set
  enumerable: true, //可枚舉性
  configurable: true //設置該屬性是否能被刪除，以及enumerable屬性是否可以被修改
})

從上面的例子中，我們觀察到存儲器屬性并沒有value和writable兩個屬性，取而代之的是set和get屬性。

存儲器屬性

看完了數據屬性和存儲器屬性直觀上的差異，我們詳細看一看存儲器屬性這個容易會被忽視（說的就是我TT）的屬性。

存儲器屬性與數據屬性最大的不同就是增加了getter/setter，通過它們可以對屬性的值進行操作，可以實現一些實用的功能。

//example1
function serialnum() {
  var n =1;  
  var prop = null;
    Object.defineProperty(this, "n", {
      get: function() {
        return n;
      },
      set: function(value) {
        if(value > n) n = value;
        else throw "請輸入一個大于n的值";
      }
    })
}

var obj = new serialnum();
obj.n = 2;
//2
obj.n = 0;
//Uncaught 請輸入一個大于n的值

上面的例子中，使用set函數對n的取值范圍進行控制。

GPU云服務器云服務器 python中的屬性 javascript屬性 js包裝對象中的屬性 javascript_Event屬性

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79049.html

V8 中的 Fast 屬性

摘要：這些是中可用的最快屬性。通常來說我們將線性屬性存儲中存儲的屬性稱為。因此也支持所謂的屬性。整數索引屬性的處理和命名屬性的復雜性相同。本文為譯文，原文地址：http://v8project.blogspot.com...，作者，@Camillo Bruni ，V8 JavaScript Engine Team Blog 在這篇博客中，我們想解釋 V8 如何在內部處理 JavaScrip...

Andrman 2019-08-22 11:06 評論0 收藏0
JavaScript優化之管理作用域

摘要：當被創建時，它的作用域鏈初始化為當前運行函數的屬性中的對象，這些值按照他們出現在函數中的順序，被復制到執行環境的作用域鏈中。然后這個對象被推入作用域鏈最前端。在計算機科學中，數據存儲的位置關系到代碼執行過程中數據的檢索速度，有一個經典的問題即為：通過改變數據的存儲位置來獲得最佳的讀寫性能。 Javascript中四種基本的數據存儲位置字面量字面量只代表自身，不存儲在特定的位置。...

fox_soyoung 2019-08-21 14:42 評論0 收藏0
面向對象簡介

摘要：面向對象概述簡單的概述以下面向對象面向對象變成的全稱為，簡稱。面向對象編程可以看作時使用一系列對象相互協作的軟件設計。面向對象編程的三個重要特征封裝，繼承，多態。構造函數的方法內關鍵字會指向當前對象。凍結對象禁止對對象執行任何修改操作。面向對象概述簡單的概述以下面向對象面向對象變成的全稱為object oriented programming，簡稱oop。面向對象編程時用抽...

_ivan 2019-08-26 12:11 評論0 收藏0
如何使用HTML5自定義數據屬性

摘要：在之前，你必須使用以下代碼來訪問數據屬性從版本開始，使用駝峰命名法版本的數據屬性。在本文中，我將向你介紹如何使用HTML5自定義數據屬性。我還將向你介紹一些開發人員在工作中經常使用的優秀實例。為什么需要自定義數據屬性？很多時候我們需要存儲一些與不同DOM元素相關聯的信息。這些信息對于讀者來說可能是不需要的，但是可以輕松的訪問這些信息將會給我們開發者的工作帶來極大的便利。例如...

UsherChen 2019-08-29 12:30 評論0 收藏0