小編給大家分享一下JavaScript中Reflect是什么,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
成都創新互聯公司成立十余年來,這條路我們正越走越好,積累了技術與客戶資源,形成了良好的口碑。為客戶提供成都網站設計、網站建設、網站策劃、網頁設計、域名與空間、網絡營銷、VI設計、網站改版、漏洞修補等服務。網站是否美觀、功能強大、用戶體驗好、性價比高、打開快等等,這些對于網站建設都非常重要,成都創新互聯公司通過對建站技術性的掌握、對創意設計的研究為客戶提供一站式互聯網解決方案,攜手廣大客戶,共同發展進步。
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是什么有了一定的了解,想了解更多相關知識,歡迎關注創新互聯行業資訊頻道,感謝各位的閱讀!