Reflect介紹

紫雲夢發表於2019-02-16

Reflect 是一個內建的物件，它提供可攔截JavaScript操作的方法。方法與代理處理程式的方法相同。Reflect 不是一個函式物件，因此它是不可構造的。

    new Reflect() //錯誤的寫法

Reflect使用
Reflect提供了一些靜態方法，靜態方法是指只能通過物件自身訪問的的方法
1、Reflect.apply()
2、Reflect.construct()
3、Reflect.defineProperty()
4、Reflect.deleteProperty()
5、Reflect.enumerate()
6、Reflect.get()
7、Reflect.getOwnPropertyDescriptor()
8、Reflect.getPrototypeOf()
9、Reflect.has()
10、Reflect.isExtensible()
11、Reflect.ownKeys()
12、Reflect.preventExtensions()
13、Reflect.set()
14、Reflect.setPrototypeOf()

靜態方法的使用：
demo1：使用Reflect.get()獲取目標物件指定key的value。

let obj = {
    a: 1
};

let s1 = Reflect.get(obj, "a")
console.log(s1) // 1

demo1的get()方法，攔截obj物件，然後讀取key為a的值。當然，不用Reflect也可以讀取a的值。

demo2:使用Reflect.apply給目標函式floor傳入指定的引數。

const s2 = Reflect.apply(Math.floor, undefined, [1.75]); 
console.log(s2) // 1
/ /Reflect.apply()提供了3個引數，
// 第一個引數是反射的函式，後面2個引數才是和陣列的apply一致。

demo2的例子我們可以理解成是攔截了Math.floor方法，然後傳入引數，將返回值賦值給s2，這樣我們就能在需要讀取這個返回值的時候呼叫s2。

demo3:使用Reflect.ownKeys獲取物件的keys

    console.log(Reflect.ownKeys({"a":0,"b":1,"c":2,"d":3})); //輸出 ：["a", "b", "c", "d"]
    console.log(Reflect.ownKeys([])); // ["length"]      
    var sym = Symbol.for("comet");      
    var sym2 = Symbol.for("meteor");      
    var obj = {
        [sym]: 0, "str": 0, "773": 0, "0": 0,      
        [sym2]: 0, "-1": 0, "8": 0, "second str": 0
    };      
    Reflect.ownKeys(obj);
     //輸出：/ [ "0", "8", "773", "str", "-1", "second str", Symbol(comet), Symbol(meteor) ]

Reflect.ownKeys的排序是根據: 先顯示數字， 數字根據大小排序，然後是 字串根據插入的順序排序

相關文章