国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

ES6入門之對象的擴(kuò)展

AWang / 1924人閱讀

摘要：屬性的簡潔表示法在中允許直接寫入變量和函數(shù)，作為對象的屬性和方法，使得代碼的書寫更為簡潔。循環(huán)遍歷對象自身的和繼承的可枚舉屬性不含屬性。返回一個(gè)數(shù)組，包含對象自身的所有屬性的鍵名。

1. 屬性的簡潔表示法 
在ES6中 允許直接寫入變量和函數(shù)，作為對象的屬性和方法，使得代碼的書寫更為簡潔。
const f = "a"
const b = {f}
b  // {f: "a"}

等同于
const b = {f: f}

在ES6中允許在對象內(nèi)直接寫變量，這時(shí)候?qū)傩悦麨樽兞棵瑢傩灾稻褪亲兞恐?/p> 

function u(x, y){
    return {x, y}
}

// ====

function u(x, y){
    return {x: x, y: y }
}

u(1, 2)   // {x:1, y: 2}


或者一下寫法：

function o() {
    const x = 1;
    const x = 2;
    return {x, y}
}
o() // {x:1, y:2}
2. 屬性名表達(dá)式 
在JavaScript中屬性名的表達(dá)式的方法有兩種，一種 直接用標(biāo)識符作為屬性名，第二種用表達(dá)式作為屬性名。第二種寫的時(shí)候表達(dá)式要放在方括號之內(nèi)
//一
obj.foo = true

//二
obj["a" + "bc"] = 123

//三
let t = "m"

let obj = {
    [t]: true,
    ["a" + "bc"]: 123
}

表達(dá)式還可以用來定義方法名(注意：屬性名表達(dá)式不能和簡潔表示法同時(shí)使用)

let obj = {
    ["h" + "ello"]() {
        return "hi"
    }
}

obj.hello() // hi

如果屬性名表達(dá)式是一個(gè)對象，則默認(rèn)情況下會自動(dòng)將對象轉(zhuǎn)為字符串[object Object]

const ka = {a: 1}
const kb = {b: 2}

const myObj = {
    [ka]: "va",
    [kb]: "vc"
}

myObj // Object {[object Object]: "vc"}
3. 方法的 name 屬性 
函數(shù)的name 屬性，返回函數(shù)名，對象方法也是函數(shù)，因此也由name 屬性
const p = {
    n() {
        console.log("h")
    }
}

p.n.name // n

特殊情況 getter 和 setter 屬性是在 get 和 set上面

const obj = {
    get foo() {},
    set fod() {}
}

obj.foo.name // undefined

const d = Object.getOwnPropertyDescriptor(obj, "foo")

d.get.name // get foo
d.set.name // set fod

特殊情況 bind創(chuàng)造的函數(shù) name 屬性返回 bound 加上原有函數(shù)的名字

var do = function(){
    
}
do.bind().name // bound do

特殊情況 Function構(gòu)造函數(shù)創(chuàng)造的函數(shù)，name 返回 anonymous

(new Function()).name // anonymous

如果對象的方法是一個(gè)Symbol 那么name 返回這個(gè) Symbol的描述

const k = Symbol("描述")
k.name // "[描述]"
4. 屬性的可枚舉性和遍歷 可枚舉性 
對象的每個(gè)屬性都有一個(gè)描述對象，用來控制該屬性的行為，Object.getOwnPropertyDescriptor 方法可以獲取該屬性的描述對象
let obj = {f: 234}
Object.getOwnPropertyDescriptor(obj, "foo")
//  {
//    value: 234,
//    writable: true,
//    enumerable: true,
//    configurable: true
//  }

描述對象的 enumerable 屬性，稱為 “可枚舉性”，如果該屬性為true就表示某些操作會忽略當(dāng)前操作

有四個(gè)操作會忽略 enumerate 為 false 的屬性

- for...in循環(huán)： 只遍歷對象自身和繼承的可枚舉的屬性
- Object.keys()：返回對象自身的所有可枚舉的屬性的鍵名
- JSON.stringify(): 只串行化對象自身的可枚舉的屬性
- Object.assign(): 忽略enumerable為false的屬性，只
拷貝對象自身的可枚舉的屬性

ES6中 所有class 的原型的方法都是不可枚舉的

屬性的遍歷 
ES6一共有5種方法可以遍歷對象的屬性。
（1）for...in

for...in循環(huán)遍歷對象自身的和繼承的可枚舉屬性（不含 Symbol 屬性）。

（2）Object.keys(obj)

Object.keys返回一個(gè)數(shù)組，包括對象自身的（不含繼承的）所有可枚舉屬性（不含 Symbol 屬性）的鍵名。

（3）Object.getOwnPropertyNames(obj)

Object.getOwnPropertyNames返回一個(gè)數(shù)組，包含對象自身的所有屬性（不含 Symbol 屬性，但是包括不可枚舉屬性）的鍵名。

（4）Object.getOwnPropertySymbols(obj)

Object.getOwnPropertySymbols返回一個(gè)數(shù)組，包含對象自身的所有 Symbol 屬性的鍵名。

（5）Reflect.ownKeys(obj)

Reflect.ownKeys返回一個(gè)數(shù)組，包含對象自身的所有鍵名，不管鍵名是 Symbol 或字符串，也不管是否可枚舉。 1）for..in


以上五種方法遍歷對象的鍵名，都遵循同樣的屬性遍歷的次序股則
    
    首先遍歷所有數(shù)值鍵，按照數(shù)值升序排列。
    其次遍歷所有字符串鍵，按照加入時(shí)間升序排列。
    最后遍歷所有 Symbol 鍵，按照加入時(shí)間升序排列。
5. super關(guān)鍵字 
this的關(guān)鍵字總是指向函數(shù)所在的當(dāng)前對象，ES6 又新增了另一個(gè)類似的關(guān)鍵字 super，指向當(dāng)前對象的原型對象

注意：super關(guān)鍵字表示原型對象時(shí)，只能用在對象的方法之中，用在其他他地方都會報(bào)錯(cuò)。

// 報(bào)錯(cuò)
const obj = {
  foo: super.foo
}

// 報(bào)錯(cuò)
const obj = {
  foo: () => super.foo
}

// 報(bào)錯(cuò)
const obj = {
  foo: function () {
    return super.foo
  }
}

上面三種super的用法都會報(bào)錯(cuò)，因?yàn)閷τ?JavaScript 引擎來說，這里的super都沒有用在對象的方法之中。第一種寫法是super用在屬性里面，第二種和第三種寫法是super用在一個(gè)函數(shù)里面，然后賦值給foo屬性。目前，只有對象方法的簡寫法可以讓 JavaScript 引擎確認(rèn)，定義的是對象的方法。

歡迎關(guān)注 公眾號【小夭同學(xué)】

ES6入門系列

ES6入門之let、cont

ES6入門之變量的解構(gòu)賦值

ES6入門之字符串的擴(kuò)展

ES6入門之正則的擴(kuò)展

ES6入門之?dāng)?shù)值的擴(kuò)展

ES6入門之函數(shù)的擴(kuò)展

ES6入門之對象的新增方法

Git教程

前端Git基礎(chǔ)教程

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/109750.html

相關(guān)文章

  • ES6入門之對象的擴(kuò)展

    摘要：循環(huán)遍歷對象自身的和繼承的可枚舉屬性不含屬性。返回一個(gè)數(shù)組，包含對象自身的所有屬性的鍵名。目前，只有對象方法的簡寫法可以讓引擎確認(rèn)，定義的是對象的方法。showImg(https://user-gold-cdn.xitu.io/2019/5/21/16ada8456223b0e1); 1. 屬性的簡潔表示法 在ES6中 允許直接寫入變量和函數(shù)，作為對象的屬性和方法，使得代碼的書寫更為簡潔。...

    RiverLi 評論0 收藏0

  • ES6入門之對象的新增方法

    showImg(https://user-gold-cdn.xitu.io/2019/5/22/16adcec448a45d82); 1. Object.is() 用來解決在ES5中 兩種相等運(yùn)算符的缺點(diǎn)。用來比較兩個(gè)值是否嚴(yán)格相等，行為和（===）基本一致。 在ES5中判斷兩個(gè)值是否相等，只能用（==）相等運(yùn)算符和（===）嚴(yán)格相等運(yùn)算符，但是這兩貨都有缺點(diǎn)，前者 兩邊的值都會轉(zhuǎn)換數(shù)據(jù)類型，...

    zhou_you 評論0 收藏0

  • ES6入門之函數(shù)的擴(kuò)展

    摘要：如果所有函數(shù)都是尾調(diào)用，那么完全可以做到每次執(zhí)行時(shí)，調(diào)用幀只有一項(xiàng)，這將大大節(jié)省內(nèi)存。等同于等同于注意，只有不再用到外層函數(shù)的內(nèi)部變量，內(nèi)層函數(shù)的調(diào)用幀才會取代外層函數(shù)的調(diào)用幀，否則就無法進(jìn)行尾調(diào)用優(yōu)化。 showImg(https://segmentfault.com/img/bVbrTHp?w=1080&h=1920); 1. 函數(shù)參數(shù)的默認(rèn)值 1.1 用法 在ES6之前是不能為...

    dackel 評論0 收藏0

  • ES6入門之函數(shù)的擴(kuò)展

    摘要：如果所有函數(shù)都是尾調(diào)用，那么完全可以做到每次執(zhí)行時(shí)，調(diào)用幀只有一項(xiàng)，這將大大節(jié)省內(nèi)存。等同于等同于注意，只有不再用到外層函數(shù)的內(nèi)部變量，內(nèi)層函數(shù)的調(diào)用幀才會取代外層函數(shù)的調(diào)用幀，否則就無法進(jìn)行尾調(diào)用優(yōu)化。 showImg(https://segmentfault.com/img/bVbrTHp?w=1080&h=1920); 1. 函數(shù)參數(shù)的默認(rèn)值 1.1 用法 在ES6之前是不能為...

    graf 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<