JavaScript 反射學(xué)習(xí)技巧
1、前言
根據(jù) MDN 官網(wǎng)解釋: Reflect
是一個內(nèi)置的對象,它提供攔截 JavaScript
操作的方法。這些方法與 proxy handlers (en-US) 的方法相同。 Reflect
不是一個函數(shù)對象,因此它是不可構(gòu)造的。
那么它到底是什么?根據(jù)上面文件介紹會發(fā)現(xiàn)它和 Proxy
極像,都是獲取執(zhí)行函數(shù)本身信息。主要是區(qū)別在于所有的函數(shù)對象屬性過于復(fù)雜,而且額外增加可能會導(dǎo)致程序行為不合理,所以擴(kuò)展 Reflect
函數(shù)來專門對函數(shù)對象處理調(diào)用方法,構(gòu)造對象,獲取或者設(shè)置屬性等相關(guān)操作。
2、接口
Reflect
里面所有的方法都是靜態(tài)方法,不需要構(gòu)造函數(shù)或者實例化它。
Reflect.apply
(target
,thisArgument
,argumentsList
)、對一個函數(shù)進(jìn)行調(diào)用操作,同時可以傳入一個數(shù)組作為調(diào)用參數(shù)。和Function.prototype.apply()
功能類似。Reflect.construct
(target
,argumentsList[, newTarget\]
)對構(gòu)造函數(shù)進(jìn)行 new 操作,相當(dāng)于執(zhí)行new target
(...args) 。Reflect.defineProperty
(target
,propertyKey
,attributes
)和Object.defineProperty()
類似。如果設(shè)置成功就會返回true
Reflect.deleteProperty(target, propertyKey)
作為函數(shù)的delete
操作符,相當(dāng)于執(zhí)行delete target[name]
。Reflect.get(target, propertyKey[, receiver\])
獲取對象身上某個屬性的值,類似于target[name]
。Reflect.getOwnPropertyDescriptor(target, propertyKey)
類似于Object.getOwnPropertyDescriptor()
。如果對象中存在該屬性,則返回對應(yīng)的屬性描述符, 否則返回undefined
.Reflect.getPrototypeOf(target)
類似于Object.getPrototypeOf()
。Reflect.has(target, propertyKey)
判斷一個對象是否存在某個屬性,和in
運算符 的功能完全相同。Reflect.isExtensible(target)
類似于Object.isExtensible() .
Reflect.ownKeys(target)
返回一個包含所有自身屬性(不包含繼承屬性)的數(shù)組。(類似于Object.keys()
, 但不會受enumerable
影響 ).Reflect.preventExtensions(target)
類似于Object.preventExtensions()
。返回一個Boolean
。Reflect.set(target, propertyKey, value[, receiver\])
將值分配給屬性的函數(shù)。返回一個Boole
an ,如果更新成功,則返回true
。Reflect.setPrototypeOf(target, prototype)
設(shè)置對象原型的函數(shù). 返回一個Boolean
, 如果更新成功,則返回true
。
3、簡單的例子
比如現(xiàn)在有個函數(shù):
class Person { constructor(firstName, lastName) { this.firstName = firstName this.lastName = lastName } get getName() { return this.firstName + ' ' + this.lastName } }
正常使用只需要進(jìn)行實例化即可:
const person = new Person('Jaxson', 'Wang') console.log(person.getName) // Jaxson Wang
可以使用 Reflect.construct() 方法來創(chuàng)建對象:
const person = Reflect.construct(Person, ['Jaxson', 'Wang']) console.log(person) // Jaxson Wang
4、結(jié)語
Reflect 對象經(jīng)常和 Proxy 代理一起使用,原因有三點:
Reflect
提供的所有靜態(tài)方法和Proxy
第2個handle
參數(shù)方法是一模一樣的。Proxy get/set()
方法需要的返回值正是Reflect
的get/set
方法的返回值,可以天然配合使用,比直接對象賦值/獲取值要更方便和準(zhǔn)確。receiver
參數(shù)具有不可替代性。
到此這篇關(guān)于JavaScript 反射學(xué)習(xí)技巧的文章就介紹到這了,更多相關(guān)JavaScript 反射內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Wireshark基本介紹和學(xué)習(xí)TCP三次握手
本文主要介紹Wireshark基本介紹和學(xué)習(xí)TCP三次握手,這里詳細(xì)整理了相關(guān)資料,并給出詳細(xì)流程,有需要的小伙伴可以參考下2016-08-08微信小程序 獲取當(dāng)前地理位置和經(jīng)緯度實例代碼
這篇文章主要介紹了微信小程序 獲取當(dāng)前地理位置和經(jīng)緯度實例代碼的相關(guān)資料,這里附有實例代碼,及實現(xiàn)效果圖,需要的朋友可以參考下2016-12-12