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

ES6中Proxy與Reflect實現(xiàn)重載(overload)的方法

 更新時間:2017年03月30日 14:29:59   作者:柒青衿  
這篇文章主要介紹了ES6中Proxy與Reflect實現(xiàn)重載(overload)的方法,分析了重載的原理及使用Proxy和Reflect來實現(xiàn)重載的操作步驟與相關技巧,需要的朋友可以參考下

本文實例講述了ES6中Proxy與Reflect實現(xiàn)重載(overload)的方法。分享給大家供大家參考,具體如下:

Proxy與Reflect實現(xiàn)重載(overload)

從語法角度講JavaScript不支持重載。原因很簡單,JS中函數(shù)可以傳入任意類型、任意個數(shù)的參數(shù),通通可以通過在函數(shù)內(nèi)使用this.arguments獲得。這樣,就無法實現(xiàn)同名函數(shù)參數(shù)列表不同實現(xiàn)不同功能。當然,在實際使用過程中,可以人為去檢測傳入實參的個數(shù)及類型,來進行不同操作。但是,我認為這不能叫做重載。

ES6帶來了Proxy和Reflect,配合使用可以實現(xiàn)重載。Proxy用于修改某些操作的默認行為,相當于對原始想進行的操作進行“包裝”;Reflect對象的方法與Proxy對象的方法一一對應,這使得Proxy對象可以方便的調(diào)用對應的Reflect方法完成默認行為。我們可以這樣使用它們:

function LogMessage( m ){
  this.m = m;
}
var message = new LogMessage( 1 );
var overload = new Proxy(message , {
  get: function(target, key, receiver){
    console.log(`getting ${key}`);
    return Reflect.get(target , key , receiver);
  },
  set: function(target, key, value, receiver){
    console.log(`setting ${key}`);
    return Reflect.set(target, key, value, receiver);
  }
});
overload.m = 2; //setting m
var s = overload.m; //getting m

看到了沒,是不是很有意思,新創(chuàng)建的Proxy對象overload可以完成目標對象message的操作,同時,可以通過在默認操作之前自定義一些其他操作。我認為,這更像Java里的重載。

那么Proxy與Reflect有哪些實例方法呢?

1.get()
用于攔截某個屬性的讀取操作。

2.set()
用于攔截某個屬性的賦值操作。

3.has()
可以隱藏某些屬性,不被in操作符遍歷到。

4.construct()
用于攔截new命令。

5.deleteProperty()
用于攔截delete操作。

6.defineProperty()
用于攔截Object.defineProperty操作。

7.enumerate()
用于攔截for...in循環(huán)。

8.getOwnPropertyDescriptor()
用于攔截Object.getOwnPropertyDescriptor操作。

9.isExtensible()
用于攔截Object.isExtensible操作。

10.preventExtensions()
用于攔截Object.preventExtensions操作。

11.setPrototypeOf()
用于攔截Object.setPrototypeOf操作。

上面很多方法不是很常用,如果感興趣可以去查查相關資料

希望本文所述對大家ECMAScript程序設計有所幫助。

相關文章

  • 微信JSSDK上傳圖片

    微信JSSDK上傳圖片

    做過微信開發(fā)的都知道,在部分android機型里微信不支持網(wǎng)頁上傳圖片的,這是由于這些機型的文件上傳存在內(nèi)存泄漏,會導致微信閃退,所以微信內(nèi)置瀏覽器將文件上傳屏蔽,本篇文章給大家介紹使用微信jssdk如何上傳圖片,需要的朋友可以關注下
    2015-08-08
  • 28個JS常用數(shù)組方法總結

    28個JS常用數(shù)組方法總結

    最近面試有道題是至少寫出 15 個數(shù)組方法,數(shù)組方法平時經(jīng)常用到的也就6-7個,突然要一下子寫出15個,還是有點卡殼了,今天整理一波,需要的可以參考一下
    2022-05-05
  • JavaScript獲取某一天所在的星期

    JavaScript獲取某一天所在的星期

    我們會遇到的需求是,獲取今天或者某一天所在星期的開始和結束日期。今天小編通過實例代碼給大家分享JavaScript獲取某一天所在的星期,感興趣的朋友跟隨小編一起看看吧
    2019-09-09
  • 詳解js創(chuàng)建對象的幾種方式和對象方法

    詳解js創(chuàng)建對象的幾種方式和對象方法

    這篇文章主要介紹了詳解js創(chuàng)建對象的幾種方式和對象方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2021-03-03
  • prototype與jquery下Ajax實現(xiàn)的差別

    prototype與jquery下Ajax實現(xiàn)的差別

    Ajax技術在web中應用的相當廣泛,最近項目需要用到Ajax,由于主站所用的是Jquey,而某個欄目的開發(fā)用的是prototype,這樣一來就必須對JS代碼做調(diào)整了。
    2009-09-09
  • JS實現(xiàn)數(shù)組淺拷貝和深拷貝的方法

    JS實現(xiàn)數(shù)組淺拷貝和深拷貝的方法

    淺拷貝創(chuàng)建一個新的對象,來接受重新復制或引用的對象值,如果對象屬性是基本的數(shù)據(jù)類型,復制的就是基本類型的值給新對象,這篇文章主要介紹了js實現(xiàn)數(shù)組淺拷貝和深拷貝,需要的朋友可以參考下
    2024-01-01
  • firefox TBODY 用js顯示和隱藏時出現(xiàn)錯位的解決方法

    firefox TBODY 用js顯示和隱藏時出現(xiàn)錯位的解決方法

    今天幫別人寫一個網(wǎng)頁,發(fā)現(xiàn):當用javascript動態(tài)設置tr.style.display = "block"顯示某行時,使用IE瀏覽沒有問題,但使用firefox瀏覽時該行被移到了其它行的后面,很是詫異。
    2008-12-12
  • 微信小程序開發(fā)之你可能沒有踩過的神坑總結

    微信小程序開發(fā)之你可能沒有踩過的神坑總結

    最近在做一個小程序的項目,所以記錄下開發(fā)過程中遇到的坑,這篇文章主要給大家介紹了關于微信小程序開發(fā)之你可能沒有踩過的神坑,需要的朋友可以參考下
    2021-09-09
  • 最新評論