受到函數(shù)式編程的影響，在ES5中提出了一個(gè)重要的理念：減少魔法、讓代碼更加純粹。ES6貫徹了這種理念，認(rèn)為屬性內(nèi)存的控制、原型鏈的修改、函數(shù)的調(diào)用等等，都屬于底層實(shí)現(xiàn)，屬于一種魔法，因此，需要將他們提取出來，形成一個(gè)正常的API，并高度聚合到某個(gè)對(duì)象中，由此形成了Reflect對(duì)象，它提供了一系列方法，可以讓開發(fā)者通過調(diào)用這些方法，訪問一些JS底層功能。所以，其實(shí)Reflect對(duì)象中有很多的API都可以使用過去的某種語法或其他API到達(dá)相同的效果，比如：屬性的賦值與取值、調(diào)用普通函數(shù)、調(diào)用構(gòu)造函數(shù)、判斷屬性是否存在于對(duì)象中等等。

下面介紹它提供的一些主要API

1）Reflect.set(target, propertyKey, value)：設(shè)置對(duì)象target的屬性propertyKey的值為value，等同于給對(duì)象的屬性賦值；

2）Reflect.get(target, propertyKey)：讀取對(duì)象target的屬性propertyKey，等同于讀取對(duì)象的屬性值；

【例1】

const obj = {a: 1,b: 2 } //通過set增加/修改屬性 Reflect.set(obj, "a", 3); Reflect.set(obj,'c',4); //通過get讀取屬性 console.log('a:',Reflect.get(obj,"a")); console.log('c:',Reflect.get(obj,"c"));

【結(jié)果】?

3）Reflect.apply(target, thisArgument, argumentsList)：調(diào)用一個(gè)指定的函數(shù)，并綁定this和參數(shù)列表，等同于函數(shù)調(diào)用；

【例2】

function method(a, b) {console.log("method", a, b); } // 以下代碼相當(dāng)于 method(3, 4); Reflect.apply(method, null, [3, 4]);

【結(jié)果】

?4）Reflect.deleteProperty(target, propertyKey)：刪除一個(gè)對(duì)象的屬性；

【例3】

const obj = {a: 1,b: 2 } Reflect.deleteProperty(obj, "a"); console.log(obj);

【結(jié)果】

?5）Reflect.construct(target, argumentsList)：用構(gòu)造函數(shù)的方式創(chuàng)建一個(gè)對(duì)象；

【例4】

function Test(a, b) {this.a = a;this.b = b; } //相當(dāng)于const t = new Test(3, 5); const t = Reflect.construct(Test, [3, 5]); console.log(t);

【結(jié)果】

6）Reflect.has(target, propertyKey)：判斷一個(gè)對(duì)象是否擁有一個(gè)屬性；

【例5】

const obj = {a: 1,b: 2 } console.log(Reflect.has(obj,"a"));

【結(jié)果】

7）其他API：點(diǎn)擊這里。

總結(jié)

以上是生活随笔為你收集整理的ES6减少魔法操作之Reflect的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。