<pre id="bbfd9"><del id="bbfd9"><dfn id="bbfd9"></dfn></del></pre>

          <ruby id="bbfd9"></ruby><p id="bbfd9"><mark id="bbfd9"></mark></p>

          <p id="bbfd9"></p>

          <p id="bbfd9"><cite id="bbfd9"></cite></p>

            <th id="bbfd9"><form id="bbfd9"><dl id="bbfd9"></dl></form></th>

            <p id="bbfd9"><cite id="bbfd9"></cite></p><p id="bbfd9"></p>
            <p id="bbfd9"><cite id="bbfd9"><progress id="bbfd9"></progress></cite></p>

            javascript的正確應用方法

            時間:2024-07-23 08:15:37 JavaScript 我要投稿
            • 相關推薦

            關于javascript的正確應用方法

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

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

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

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

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

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

              這樣就不會報錯了。

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

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

              核心通過apply方法實現,閉包的經典應用。_this指向當前方法,context指向當前方法的上下文,二者均通過閉包訪問。

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

            【javascript的正確應用方法】相關文章:

            JavaScript常用方法匯總10-25

            JavaScript數組常用方法介紹09-04

            javascript跨域訪問的方法07-09

            javascript編程異常處理的方法08-04

            JavaScript fontcolor方法入門實例07-07

            抽象語法樹在JavaScript中的應用08-18

            使用ajax操作JavaScript對象的方法09-28

            健身的正確方法10-27

            javascript閉包的定義及應用實例分析08-25

            詳解JavaScript中的splice()使用方法08-20

                    <pre id="bbfd9"><del id="bbfd9"><dfn id="bbfd9"></dfn></del></pre>

                    <ruby id="bbfd9"></ruby><p id="bbfd9"><mark id="bbfd9"></mark></p>

                    <p id="bbfd9"></p>

                    <p id="bbfd9"><cite id="bbfd9"></cite></p>

                      <th id="bbfd9"><form id="bbfd9"><dl id="bbfd9"></dl></form></th>

                      <p id="bbfd9"><cite id="bbfd9"></cite></p><p id="bbfd9"></p>
                      <p id="bbfd9"><cite id="bbfd9"><progress id="bbfd9"></progress></cite></p>
                      飘沙影院