JavaScript中日常收集常見的10種錯誤(推薦)
1 對于this關鍵詞的不正確使用
Game.prototype.restart = function () { this.clearLocalStorage(); this.timer = setTimeout (function() { this.clearBoard(); }, 0); };
運行上面的代碼將會出現(xiàn)如下錯誤:
uncaught typeError:undefined is not a function
為什么會有這個錯? this是指代當前對象本身,this的調用和它所在的環(huán)境密切相關。上面的錯誤是因為在調用setTimeout函數(shù)的時候,實際調用的是window.setTimeout,而在window中并沒有clearBoard();這個方法;
下面提供兩種解決的方法。
1,將當前對象存儲在一個變量中,這樣可以在不同的環(huán)境被繼承。
Game.prototype.restart = function() { this.clearLocalStorage(); var self = this; this.timer = setTimeout(function(){ self.clearBoard(); }, 0); }; //改變了作用的對象
2,使用bind()方法, 不過這個相比上一種會復雜,bind方法官方解釋: msdn.microsoft.com/zh-cn/library/ff841995
Game.prototype.restart = function () { this.clearLocalStorage(); this.timer = setTimeout(this.reset.bind(this)), }; Game.prototype.reset = function() { this.clearBoard(); };
2 傳統(tǒng)編程語言的生命周期誤區(qū)
在js中變量的生存周期與其他語言不同,舉個例子
for (var i=0; i<10;i++){ /* */ } console.log(i); //并不會提示 未定義,結果是10
在js中這種現(xiàn)象叫:variable hoisting
(聲明提前)
可以使用let關鍵字。
3 內存泄漏
在js中無法避免會有內存泄漏,內存泄漏:占用的內存,但是沒有用也不能及時回收的內存。
例如以下函數(shù):
var theThing = null; var replaceThing = function() { var priorThing = theThing; var unused = function() { if (priorThing) { console.log(‘hi'); }; }; theThing = { longStr: new Array(1000000).join(‘*'), someMethod: function () { console.log(someMessage); } } setInterval(replaceThing, 1000);
如果執(zhí)行這段代碼,會造成大量的內存泄漏,光靠garbage collector是無法完成回收的,代碼中有個創(chuàng)建數(shù)組對象的方法在一個閉包里,這個閉包對象又在另一個閉包中引用,,在js語法中規(guī)定,在閉包中引用閉包外部變量,閉包結束時對此對象無法回收。
4 比較運算符
console.log(false == ‘0'); // true console.log(null == undefinded); //true console.log(” \t\r\n” == 0);
以上所述是小編給大家介紹的JavaScript中日常收集常見的10種錯誤(推薦),希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!
相關文章
suggestion開發(fā)小結以及對鍵盤事件的總結(針對中文輸入法狀態(tài))
suggestion開發(fā)小結以及對鍵盤事件的總結(針對中文輸入法狀態(tài)),需要的朋友可以參考下。2011-12-12利用原生JavaScript實現(xiàn)造日歷輪子實例代碼
這篇文章主要給大家介紹了關于如何利用原生JavaScript實現(xiàn)造日歷輪子的相關資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用JavaScript具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧2019-05-05