JavaScript中Reflect的詳細介紹（附範例）

這篇文章帶給大家的內容是關於JavaScript中Reflect的詳細介紹（附範例），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

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的排序是根據: 先顯示數字， 數字根據大小排序，然後是字串根據插入的順序排序

以上是JavaScript中Reflect的詳細介紹（附範例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！