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ù)或者實(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ù)。返回一個 Boolean ，如果更新成功，則返回 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)行實(shí)例化即可：

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 代理一起使用，原因有三點(diǎn)：

• 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)文章希望大家以后多多支持腳本之家！

最新評論