JavaScript中日常收集常见的10种错误(推荐)

1 对于this关键词的不正确使用

Game.prototype.restart = function () { 
this.clearLocalStorage(); 
this.timer = setTimeout (function() { 
this.clearBoard(); 
}, 0); 
};

运行上面的代码将会出现如下错误：

uncaught typeError：undefined is not a function

为什么会有这个错？ this是指代当前对象本身，this的调用和它所在的环境密切相关。上面的错误是因为在调用setTimeout函数的时候，实际调用的是window.setTimeout，而在window中并没有clearBoard();这个方法；

下面提供两种解决的方法。

1，将当前对象存储在一个变量中，这样可以在不同的环境被继承。

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 传统编程语言的生命周期误区

在js中变量的生存周期与其他语言不同，举个例子

for (var i=0; i<10;i++){ 
/* */ 
} 
console.log(i); //并不会提示 未定义，结果是10

在js中这种现象叫：variable hoisting(声明提前)

可以使用let关键字。

3 内存泄漏

在js中无法避免会有内存泄漏，内存泄漏：占用的内存，但是没有用也不能及时回收的内存。

例如以下函数：

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);

如果执行这段代码，会造成大量的内存泄漏，光靠garbage collector是无法完成回收的，代码中有个创建数组对象的方法在一个闭包里，这个闭包对象又在另一个闭包中引用，，在js语法中规定，在闭包中引用闭包外部变量，闭包结束时对此对象无法回收。

4 比较运算符

console.log(false == ‘0'); // true 
console.log(null == undefinded); //true 
console.log(” \t\r\n” == 0);

以上所述是小编给大家介绍的JavaScript中日常收集常见的10种错误(推荐)，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

# js # 错误 # Ajax向后台传json格式的数据出现415错误的原因分析及解决方法 # 微信小程序加载 app-service.js 错误解决方法 # JSON 对象未定义错误的解决方法 # 总结AngularJS开发者最常犯的十个错误 # JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决 # 防止Node.js中错误导致进程阻塞的办法 # 关键词 # 小编 # 的是 # 包中 # 会有 # 是因为 # 有个 # 将会 # 两种 # 而在 # 这段 # 给大家 # 可以使用 # 不正确 # 所述 # 结束时 # 给我留言 # 包里 # 为什么会有 # 举个例子

返回目录在线咨询

上一篇：c++怎么实现正则表达式匹配_c++ std::regex库使用与模式校验【实战】
下一篇：产品网站设计,除了站酷，还有哪些比较好的设计网站？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

JavaScript中日常收集常见的10种错误(推荐)

您的项目需求