從一個小場景學會使用 apply方法

tomlingtm 發布于2019-08-20 15:12 / 800人閱讀

摘要：需求需要自定義一個方法，這個方法可以像原生的一樣在開發環境我希望調用這個會輸出日志信息，生產環境我希望即使調用了這個方法，也不會輸出日志信息。

需求

需要自定義一個log方法，這個方法可以像原生的console.log一樣

在開發環境我希望調用這個log會輸出日志信息，生產環境我希望即使調用了這個方法，也不會輸出日志信息。

實現這個log

可能要使用apply或者call方法

log的參數個數和類型都是不固定的

call的參數個數是固定的，要排除它

apply的參數是需要一個數組，這個合適，可以使用arguments來當做數組傳遞

代碼

var MyLog = {
    silent: false,
    log: function(){
        if(!this.silent){
            console.log.apply(this, arguments);
        }
    }
};

試用

> MyLog.log(1,2,3, "4545");
1 2 3 "4545"
undefined

> MyLog.silent = true
true

> MyLog.log(1,2,3, "4545");
undefined

后記

不要隨處使用console.log，因為這樣當你不需要日志輸出的時候，你就要到處填坑了

不要使用alert，這個很煩人

云服務器 GPU云服務器 apply()方法 apply方法一個月學會php 使用場景

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/82090.html

前端進擊的巨人（五）：學會函數柯里化（curry)

摘要：函數柯里化是把支持多個參數的函數變成接收單一參數的函數，并返回一個函數能接收處理剩余參數，而反柯里化就是把參數全部釋放出來。但在一些復雜的業務邏輯封裝中，函數柯里化能夠為我們提供更好的應對方案，讓我們的函數更具自由度和靈活性。 showImg(https://segmentfault.com/img/bVburN1?w=800&h=600); 柯里化（Curring, 以邏輯學家Has...

chengtao1633 2019-08-23 14:54 評論0 收藏0
bind函數作用、應用場景以及模擬實現

摘要：返回的新函數調用時也可以向原函數傳遞實參，這里就涉及順序問題。返回的新函數被當成構造函數調用函數后返回的新函數，也可以被當做構造函數。使用，以原函數作為新對象的原型創建對象測試打印打印函數源碼已實現完成，希望對你有幫助。 bind函數 bind 函數掛在 Function 的原型上 Function.prototype.bind 創建的函數都可以直接調用 bind,使用： fu...

Eminjannn 2019-08-23 14:21 評論0 收藏0
js基本操作-this理解

摘要：基本操作理解寫在前面在面向對象的語言中，關鍵字的含義是明確且具體的，即指代當前對象。一般在編譯期確定下來，或稱為編譯期綁定。全局范圍內當在全部范圍內使用，它將會指向全局對象。輸出瀏覽器中運行的腳本，這個全局對象是。 js基本操作-this理解寫在前面在面向對象的語言中，this關鍵字的含義是明確且具體的，即指代當前對象。一般在編譯期確定下來，或稱為編譯期綁定。而在 JavaScr...

Steven 2019-08-22 10:50 評論0 收藏0
webpack原理

摘要：原理查看所有文檔頁面前端開發文檔，獲取更多信息。初始化階段事件名解釋初始化參數從配置文件和語句中讀取與合并參數，得出最終的參數。以上處理的相關配置如下編寫編寫的職責由上面的例子可以看出一個的職責是單一的，只需要完成一種轉換。 webpack原理查看所有文檔頁面：前端開發文檔，獲取更多信息。原文鏈接：webpack原理，原文廣告模態框遮擋，閱讀體驗不好，所以整理成本文，方便查找。工作...

trigkit4 2019-08-26 11:55 評論0 收藏0