欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript 反射學(xué)習(xí)技巧

 更新時(shí)間:2021年10月15日 10:23:24   作者:淮城一只貓  
這篇文章主要給大家分享的是JavaScript 的反射學(xué)習(xí)技巧,主要是區(qū)別在于所有的函數(shù)對(duì)象屬性過于復(fù)雜,而且額外增加可能會(huì)導(dǎo)致程序行為不合理,所以擴(kuò)展 Reflect 函數(shù)來專門對(duì)函數(shù)對(duì)象處理調(diào)用方法,構(gòu)造對(duì)象,獲取或者設(shè)置屬性等相關(guān)操作。下面一起進(jìn)入文章內(nèi)容吧

1、前言

根據(jù) MDN 官網(wǎng)解釋: Reflect 是一個(gè)內(nèi)置的對(duì)象,它提供攔截 JavaScript 操作的方法。這些方法與 proxy handlers (en-US) 的方法相同。 Reflect 不是一個(gè)函數(shù)對(duì)象,因此它是不可構(gòu)造的。

那么它到底是什么?根據(jù)上面文件介紹會(huì)發(fā)現(xiàn)它和 Proxy 極像,都是獲取執(zhí)行函數(shù)本身信息。主要是區(qū)別在于所有的函數(shù)對(duì)象屬性過于復(fù)雜,而且額外增加可能會(huì)導(dǎo)致程序行為不合理,所以擴(kuò)展 Reflect 函數(shù)來專門對(duì)函數(shù)對(duì)象處理調(diào)用方法,構(gòu)造對(duì)象,獲取或者設(shè)置屬性等相關(guān)操作。

2、接口

Reflect 里面所有的方法都是靜態(tài)方法,不需要構(gòu)造函數(shù)或者實(shí)例化它。

  • Reflect.apply(target, thisArgument, argumentsList)、對(duì)一個(gè)函數(shù)進(jìn)行調(diào)用操作,同時(shí)可以傳入一個(gè)數(shù)組作為調(diào)用參數(shù)。和 Function.prototype.apply() 功能類似。
  • Reflect.construct(target, argumentsList[, newTarget\] )對(duì)構(gòu)造函數(shù)進(jìn)行 new 操作,相當(dāng)于執(zhí)行 new target(...args) 。
  • Reflect.defineProperty(target, propertyKey, attributes)和 Object.defineProperty() 類似。如果設(shè)置成功就會(huì)返回 true
  • Reflect.deleteProperty(target, propertyKey)作為函數(shù)的 delete 操作符,相當(dāng)于執(zhí)行 delete target[name]  。
  • Reflect.get(target, propertyKey[, receiver\])獲取對(duì)象身上某個(gè)屬性的值,類似于 target[name] 。
  • Reflect.getOwnPropertyDescriptor(target, propertyKey)類似于 Object.getOwnPropertyDescriptor() 。如果對(duì)象中存在該屬性,則返回對(duì)應(yīng)的屬性描述符, 否則返回 undefined .
  • Reflect.getPrototypeOf(target)類似于 Object.getPrototypeOf() 。
  • Reflect.has(target, propertyKey)判斷一個(gè)對(duì)象是否存在某個(gè)屬性,和 in 運(yùn)算符 的功能完全相同。
  • Reflect.isExtensible(target)類似于 Object.isExtensible() .
  • Reflect.ownKeys(target)返回一個(gè)包含所有自身屬性(不包含繼承屬性)的數(shù)組。(類似于 Object.keys() , 但不會(huì)受 enumerable影響 ).
  • Reflect.preventExtensions(target)類似于 Object.preventExtensions() 。返回一個(gè) Boolean
  • Reflect.set(target, propertyKey, value[, receiver\])將值分配給屬性的函數(shù)。返回一個(gè) Boolean ,如果更新成功,則返回 true 。
  • Reflect.setPrototypeOf(target, prototype)設(shè)置對(duì)象原型的函數(shù). 返回一個(gè) Boolean , 如果更新成功,則返回 true。

3、簡(jiǎn)單的例子

比如現(xiàn)在有個(gè)函數(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)建對(duì)象:

const person = Reflect.construct(Person, ['Jaxson', 'Wang'])
console.log(person) // Jaxson Wang

4、結(jié)語

Reflect 對(duì)象經(jīng)常和 Proxy 代理一起使用,原因有三點(diǎn):

  • Reflect 提供的所有靜態(tài)方法和 Proxy 第2個(gè) handle 參數(shù)方法是一模一樣的。
  • Proxy get/set() 方法需要的返回值正是 Reflectget/set 方法的返回值,可以天然配合使用,比直接對(duì)象賦值/獲取值要更方便和準(zhǔn)確。
  • receiver 參數(shù)具有不可替代性。

到此這篇關(guān)于JavaScript 反射學(xué)習(xí)技巧的文章就介紹到這了,更多相關(guān)JavaScript 反射內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • Wireshark基本介紹和學(xué)習(xí)TCP三次握手

    Wireshark基本介紹和學(xué)習(xí)TCP三次握手

    本文主要介紹Wireshark基本介紹和學(xué)習(xí)TCP三次握手,這里詳細(xì)整理了相關(guān)資料,并給出詳細(xì)流程,有需要的小伙伴可以參考下
    2016-08-08
  • JS輕量級(jí)函數(shù)式編程實(shí)現(xiàn)XDM二

    JS輕量級(jí)函數(shù)式編程實(shí)現(xiàn)XDM二

    這篇文章主要為大家介紹了JS函數(shù)式編程實(shí)現(xiàn)XDM示例詳解第2/3篇,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-06-06
  • 前端使用koa實(shí)現(xiàn)大文件分片上傳

    前端使用koa實(shí)現(xiàn)大文件分片上傳

    這篇文章主要為大家介紹了前端使用koa實(shí)現(xiàn)大文件分片上傳示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-08-08
  • 詳細(xì)探究ES6之Proxy代理

    詳細(xì)探究ES6之Proxy代理

    ES6中提出了一個(gè)新的特性,就是proxy,用來攔截在一個(gè)對(duì)象上的指定操作,這個(gè)功能非常的有用。本文會(huì)介紹 Proxy的使用方式及列舉具體實(shí)例解釋 Proxy 的使用場(chǎng)景。
    2016-07-07
  • 微信小程序支付之c#后臺(tái)實(shí)現(xiàn)方法

    微信小程序支付之c#后臺(tái)實(shí)現(xiàn)方法

    這篇文章主要介紹了微信小程序支付之c#后臺(tái)實(shí)現(xiàn)方法的相關(guān)資料,希望通過本文能幫助到大家,讓大家實(shí)現(xiàn)這樣的功能,需要的朋友可以參考下
    2017-10-10
  • 類和原型的設(shè)計(jì)模式之復(fù)制與委托差異

    類和原型的設(shè)計(jì)模式之復(fù)制與委托差異

    這篇文章主要為大家介紹了類和原型的設(shè)計(jì)模式之復(fù)制與委托差異詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-07-07
  • 微信小程序之綁定點(diǎn)擊事件實(shí)例詳解

    微信小程序之綁定點(diǎn)擊事件實(shí)例詳解

    這篇文章主要介紹了 微信小程序之綁定點(diǎn)擊事件實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
    2017-07-07
  • 微信小程序 獲取當(dāng)前地理位置和經(jīng)緯度實(shí)例代碼

    微信小程序 獲取當(dāng)前地理位置和經(jīng)緯度實(shí)例代碼

    這篇文章主要介紹了微信小程序 獲取當(dāng)前地理位置和經(jīng)緯度實(shí)例代碼的相關(guān)資料,這里附有實(shí)例代碼,及實(shí)現(xiàn)效果圖,需要的朋友可以參考下
    2016-12-12
  • JavaScript原型Prototype詳情

    JavaScript原型Prototype詳情

    這篇文章主要介紹了JavaScript原型Prototype,在JavaScript中,函數(shù)是一個(gè)包含屬性和方法的Function類型的對(duì)象。而原型(Prototype?)就是Function類型對(duì)象的一個(gè)屬性。具體內(nèi)容需要的朋友可以參考下面文章的介紹
    2021-12-12
  • 微信小程序 常用工具類詳解及實(shí)例

    微信小程序 常用工具類詳解及實(shí)例

    這篇文章主要介紹了微信小程序 常用工具類詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下
    2017-02-02

最新評(píng)論