您好,登錄后才能下訂單哦!
小編給大家分享一下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是什么有了一定的了解,想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。