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

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

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

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

【例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"));

【結果】?

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

【例2】

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

【結果】

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

【例3】

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

【結果】

?5）Reflect.construct(target, argumentsList)：用構造函數的方式創建一個對象；

【例4】

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

【結果】

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

【例5】

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

【結果】

7）其他API：點擊這里。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。