您好,登錄后才能下訂單哦!
這篇文章主要講解了“JavaScript的反射學(xué)習(xí)方法”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“JavaScript的反射學(xué)習(xí)方法”吧!
根據(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)操作。
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
運(yùn)算符 的功能完全相同。
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
。
比如現(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
Reflect 對象經(jīng)常和 Proxy 代理一起使用,原因有三點:
Reflect
提供的所有靜態(tài)方法和 Proxy
第2個 handle
參數(shù)方法是一模一樣的。
Proxy get/set()
方法需要的返回值正是 Reflect
的get/set
方法的返回值,可以天然配合使用,比直接對象賦值/獲取值要更方便和準(zhǔn)確。
receiver
參數(shù)具有不可替代性。
感謝各位的閱讀,以上就是“JavaScript的反射學(xué)習(xí)方法”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對JavaScript的反射學(xué)習(xí)方法這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。