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 內(nèi)存泄漏
在js中無法避免會有內(nèi)存泄漏,內(nèi)存泄漏:占用的內(nèi)存,但是沒有用也不能及時回收的內(nèi)存。
例如以下函數(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í)行這段代碼,會造成大量的內(nèi)存泄漏,光靠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

