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

在JavaScript中正確引用bind方法的應(yīng)用

 更新時間:2015年05月11日 09:14:57   投稿:hebedich  
本文的重點在于討論bind()方法的實現(xiàn),在開始討論bind()的實現(xiàn)之前,我們先來看看bind()方法的使用,有需要的小伙伴可以參考下。

 在JavaScript中,方法往往涉及到上下文,也就是this,因此往往不能直接引用,就拿最常見的console.log("info…")來說,避免書寫冗長的console,直接用log("info…")代替,不假思索的會想到如下語法:

 var log = console.log;
 log("info…");

     很遺憾,運行報錯:TypeError: Illegal invocation。

     為啥呢?對于console.log("info…")而言,log方法在console對象上調(diào)用,因此log方法中的this指向console對象;而我們用log變量指向console.log方法,然后直接調(diào)用log方法,此時log方法的this指向的是window對象,上下文不一致,當(dāng)然會報錯了。

     此時我們可以用bind方法解決這個問題。bind方法允許手動傳入一個this,作為當(dāng)前方法的上下文,然后返回持有上下文的方法,例如:

 var log = console.log.bind(console);
 log("info...");

     這樣就不會報錯了。

     但是,bind方法并不支持ie 8以及更低版本的瀏覽器,我們完全可以自己實現(xiàn)一個,很簡單。

 Function.prototype.bind = Function.prototype.bind || function(context){
   var _this = this;
   
   return function(){
     _this.apply(context, arguments);
   };
 };

     核心通過apply方法實現(xiàn),閉包的經(jīng)典應(yīng)用。_this指向當(dāng)前方法,context指向當(dāng)前方法的上下文,二者均通過閉包訪問。

以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。

相關(guān)文章

  • JavaScript 判斷iPhone X Series機型的方法

    JavaScript 判斷iPhone X Series機型的方法

    這篇文章主要介紹了JavaScript 判斷iPhone X Series機型的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-01-01
  • jQuery $.data()方法使用注意細(xì)節(jié)

    jQuery $.data()方法使用注意細(xì)節(jié)

    前段時間同事在群里對jQuery里的.data()方法大發(fā)牢騷,接下來介紹jQuery $.data()方法使用注意細(xì)節(jié),需要了解的朋友可以參考下
    2012-12-12
  • javascript實現(xiàn)框架高度隨內(nèi)容改變的方法

    javascript實現(xiàn)框架高度隨內(nèi)容改變的方法

    這篇文章主要介紹了javascript實現(xiàn)框架高度隨內(nèi)容改變的方法,實例分析了通過父頁面及內(nèi)容改變框架高度兩種實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-07-07
  • D3.js入門之比例尺的使用與繪制

    D3.js入門之比例尺的使用與繪制

    中國這么大,要在一張小小地圖上畫上中國,那么就需要按一定的比例縮小。D3 可視化畫圖,也是如此。本文就來和大家聊聊D3中的比例尺的繪制與使用,感興趣的可以學(xué)習(xí)一下
    2022-11-11
  • 實現(xiàn)圖片首尾平滑輪播(JS原生方法—節(jié)流)

    實現(xiàn)圖片首尾平滑輪播(JS原生方法—節(jié)流)

    下面小編就為大家?guī)硪黄獙崿F(xiàn)圖片首尾平滑輪播(JS原生方法—節(jié)流)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-10-10
  • 如何利用echarts畫雷達圖和折柱混合

    如何利用echarts畫雷達圖和折柱混合

    最近使用echarts做的一個H5的成績數(shù)據(jù)報告,里面使用了雷達圖已經(jīng)折線圖和柱狀圖,下面這篇文章主要給大家介紹了關(guān)于如何利用echarts畫雷達圖和折柱混合的相關(guān)資料,需要的朋友可以參考下
    2022-04-04
  • javascript刪除字符串最后一個字符

    javascript刪除字符串最后一個字符

    需求是一個字符串,想刪除這個字符串最后一個字符,比如“1,2,3,4,5,”,刪除最后一個“,”用javascript怎么實現(xiàn)?下面給出三種方法
    2014-01-01
  • 從零開始用electron手?jǐn)]一個截屏工具的示例代碼

    從零開始用electron手?jǐn)]一個截屏工具的示例代碼

    這篇文章主要介紹了從零開始用electron手?jǐn)]一個截屏工具的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-10-10
  • 詳解基于webpack&gettext的前端多語言方案

    詳解基于webpack&gettext的前端多語言方案

    這篇文章主要介紹了詳解基于webpack&gettext的前端多語言方案,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-01-01
  • js實現(xiàn)下拉框效果(select)

    js實現(xiàn)下拉框效果(select)

    本文主要介紹了js實現(xiàn)下拉框效果的方法實例。具有很好的參考價值。下面跟著小編一起來看下吧
    2017-03-03

最新評論