Javascript基礎(chǔ)：js中屬性描述符詳解

Clect 發(fā)布于2019-08-26 10:36 / 3066人閱讀

摘要：之后，所有的屬性都存在屬性描述符這個屬性。獲取屬性描述符屬性的方法是以下面的代碼為例返回該方法返回的是一個對象，該對象除了包含為的屬性外，還包含了屬性的三個特性。

今天俺跟大家一起來學(xué)習(xí)一下一個很小的知識點，那就是屬性描述符，需要注意的是該功能是在ES5之后才出現(xiàn)的，也就是說ES5之前偉大的JS創(chuàng)造者并沒有開放出該功能~大家現(xiàn)在知道了吧，其實我們學(xué)習(xí)的語言并不是什么天生的大神創(chuàng)造的，本身每一個語言都會有或多或少的問題，因此需要不斷的學(xué)習(xí)每一個語言的新特性，程序員是真的苦逼，不僅要研究業(yè)務(wù)的bug，還要不斷適應(yīng)新版本解決語言本身存在的一些bug。

ES5之后，所有的屬性都存在屬性描述符這個屬性。獲取屬性描述符屬性的方法是：

Object.getOwnPropertyDescriptor

以下面的代碼為例：

var object = {
    a: 2
}

Object.getOwnPropertyDescriptor(object,"a");//返回 {value: 2, writable: true, enumerable: true, configurable: true}
該方法返回的是一個對象，該對象除了包含value為2的屬性外，還包含了屬性的三個特性。

writable （是否可修改屬性的值）
enumerable （是否出現(xiàn)在對象的屬性枚舉中）
configurable （是否可配置，屬性設(shè)置為false之后，該屬性值為不可逆的，也就是說不能再修改為true了）
我們舉一個設(shè)置數(shù)組的enumerable為例：

var arr = [1,2,3]
Object.getOwnPropertyDescriptor(arr,"0",{enumerable:false});
for(var a in arr){
  console.log(arr[a]) //輸出2,3
}
arr.forEach(function(item,index){
  console.log(item) //輸出1,2,3
})

因為for in 遍歷的是可枚舉屬性，因此沒有輸出1。

希望本篇文章的知識點，幫助到有需要的小伙伴~
原文鏈接：文章地址

云服務(wù)器 GPU云服務(wù)器 javascript中this詳解描述符文件描述符設(shè)備文件描述符

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

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

相關(guān)文章

詳解js中的遍歷

摘要：而的解析引擎遵循的是較老的第三版規(guī)范，屬性遍歷順序由屬性構(gòu)建的順序決定。將屬性設(shè)置為不可枚舉結(jié)語這篇文章希望能讓大家更加理解中的遍歷，寫的不好多多見諒并指出實例屬性和原型屬性 JavaScript中對象的屬性分為兩種：數(shù)據(jù)屬性和訪問器屬性。根據(jù)具體的上下文環(huán)境的不同，又可以將屬性分為：原型屬性和實例屬性。原型屬性是定義在對象的原型prototype 中的屬性...

李昌杰 2019-08-22 16:10 評論0 收藏0
JavaScript對象詳解

摘要：屬性描述符升級打怪必備技能對象有自己的屬性和方法，對于我們對象的屬性來講，屬性還有自己的屬性，又稱為屬性描述符。這個方法接受三個參數(shù)，第一個是指定的對象，第二個是指定的對象參數(shù)，第三個當(dāng)然是要修改的屬性描述符了。對象的聲明有倆種：字面量通過new一個構(gòu)造函數(shù)Object 兩者唯一的區(qū)別就是，字面量形式，可以一次賦值多個，通過new Object就得一個一個賦值數(shù)據(jù)類型 ...

fancyLuo 2019-08-26 12:14 評論0 收藏0
【JS基礎(chǔ)】Object 對象的原型概念詳解

摘要：使用操作符，創(chuàng)建一個對象，并且執(zhí)行構(gòu)造函數(shù)方法。使用可以返回一個字典型對象對象原型每一個對象都有一個內(nèi)置的屬性指向構(gòu)造它的函數(shù)屬性而構(gòu)造函數(shù)的則指向構(gòu)造函數(shù)本生。對象概念在 javascript 中, 一切引用類型均為對象。如 function Foo () {} 中，F(xiàn)oo本身就是一個對象的引用。創(chuàng)建對象方式字面量方式 new 構(gòu)造函數(shù) 函數(shù)聲明 Object.creat...

appetizerio 2019-08-22 14:05 評論0 收藏0
正則表達(dá)式前端使用手冊

摘要：非貪婪模式盡可能少的匹配所搜索的字符串，而默認(rèn)的貪婪模式則盡可能多的匹配所搜索的字符串。導(dǎo)讀你有沒有在搜索文本的時候絞盡腦汁, 試了一個又一個表達(dá)式, 還是不行. 你有沒有在表單驗證的時候, 只是做做樣子(只要不為空就好), 然后燒香拜佛, 虔誠祈禱, 千萬不要出錯. 你有沒有在使用sed 和 grep 命令的時候, 感覺莫名其妙, 明明應(yīng)該支持的元字符, 卻就是匹配不到. 甚至,...

zhoutao 2019-08-21 15:12 評論0 收藏0
Javascript Object方法詳解

摘要：創(chuàng)建對象創(chuàng)建一個普通對象創(chuàng)建一個沒有原型的新對象不繼承任何屬性和方法返回對象中可枚舉的自我屬性的名稱的數(shù)組返回對象中所有自我屬性的名稱的數(shù)組屬性的特性屬性有兩種特性數(shù)據(jù)屬性和存取器屬性數(shù)據(jù)屬性存取器屬性可以獲得某個對象特定自有屬性的屬性描述 Object.create(o) 創(chuàng)建對象 Object.create({x: 1}) //創(chuàng)建一個普通對象 Object.create(null...

sushi 2019-08-21 10:52 評論0 收藏0