這篇文章主要講解了“JavaScript的反射學習方法”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“JavaScript的反射學習方法”吧!
根據 MDN 官網解釋: Reflect 是一個內置的對象,它提供攔截 JavaScript 操作的方法。這些方法與 proxy handlers (en-US) 的方法相同。 Reflect 不是一個函數對象,因此它是不可構造的。
那么它到底是什么?根據上面文件介紹會發現它和 Proxy 極像,都是獲取執行函數本身信息。主要是區別在于所有的函數對象屬性過于復雜,而且額外增加可能會導致程序行為不合理,所以擴展 Reflect 函數來專門對函數對象處理調用方法,構造對象,獲取或者設置屬性等相關操作。
Reflect 里面所有的方法都是靜態方法,不需要構造函數或者實例化它。
Reflect.apply(target, thisArgument, argumentsList)、對一個函數進行調用操作,同時可以傳入一個數組作為調用參數。和 Function.prototype.apply() 功能類似。
Reflect.construct(target, argumentsList[, newTarget\] )對構造函數進行 new 操作,相當于執行 new target(...args) 。
Reflect.defineProperty(target, propertyKey, attributes)和 Object.defineProperty() 類似。如果設置成功就會返回 true
Reflect.deleteProperty(target, propertyKey)作為函數的 delete 操作符,相當于執行 delete target[name] 。
Reflect.get(target, propertyKey[, receiver\])獲取對象身上某個屬性的值,類似于 target[name] 。
Reflect.getOwnPropertyDescriptor(target, propertyKey)類似于 Object.getOwnPropertyDescriptor() 。如果對象中存在該屬性,則返回對應的屬性描述符, 否則返回 undefined .
Reflect.getPrototypeOf(target)類似于 Object.getPrototypeOf() 。
Reflect.has(target, propertyKey)判斷一個對象是否存在某個屬性,和 in 運算符 的功能完全相同。
Reflect.isExtensible(target)類似于 Object.isExtensible() .
Reflect.ownKeys(target)返回一個包含所有自身屬性(不包含繼承屬性)的數組。(類似于 Object.keys() , 但不會受 enumerable影響 ).
Reflect.preventExtensions(target)類似于 Object.preventExtensions() 。返回一個 Boolean 。
Reflect.set(target, propertyKey, value[, receiver\])將值分配給屬性的函數。返回一個 Boolean ,如果更新成功,則返回 true 。
Reflect.setPrototypeOf(target, prototype)設置對象原型的函數. 返回一個 Boolean , 如果更新成功,則返回 true。
比如現在有個函數:
class Person {
constructor(firstName, lastName) {
this.firstName = firstName
this.lastName = lastName
}
get getName() {
return this.firstName + ' ' + this.lastName
}
}正常使用只需要進行實例化即可:
const person = new Person('Jaxson', 'Wang')
console.log(person.getName) // Jaxson Wang可以使用 Reflect.construct() 方法來創建對象:
const person = Reflect.construct(Person, ['Jaxson', 'Wang']) console.log(person) // Jaxson Wang
Reflect 對象經常和 Proxy 代理一起使用,原因有三點:
Reflect 提供的所有靜態方法和 Proxy 第2個 handle 參數方法是一模一樣的。
Proxy get/set() 方法需要的返回值正是 Reflect的get/set 方法的返回值,可以天然配合使用,比直接對象賦值/獲取值要更方便和準確。
receiver 參數具有不可替代性。
感謝各位的閱讀,以上就是“JavaScript的反射學習方法”的內容了,經過本文的學習后,相信大家對JavaScript的反射學習方法這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。