JavaScript中日常收集常见的10种错误(推荐)
更新时间：2017年01月08日 10:22:08 作者：Tthe_last
本文是小编给大家日常收集整理的js中常见的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种错误(推荐)，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关文章
这篇文章主要为大家详细介绍了小程序实现瀑布流动态加载列表，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
本文主要介绍了微信小程序动画效果的实现方法与原理解析。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
一个在同一个页面可多次调用的javascript弹出层效果，有需要的同学可以参考一下2013-08-08
这篇文章主要为大家介绍了webpack打包的3种hash值详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要给大家详细介绍了Javascript的内存机制与垃圾回收，文中又详细的代码示例，对我们学习Javascript有一定的帮助，需要的同学可以借鉴阅读2023-06-06
今天小编就为大家分享一篇对layui数据表格动态cols(字段)动态变化详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
下面小编就为大家带来一篇浅谈JS中的!=、== 、!==、===的用法和区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
ESLint是一个流行的JavaScript代码检查工具,它可以帮助团队确保代码质量,避免常见的错误和格式问题,这篇文章主要给大家介绍了关于前端技巧之ESLint忽略检查行和文件的相关资料,需要的朋友可以参考下2023-11-11
在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单，对bootstrap 表单相关知识感兴趣的朋友一起学习吧2016-01-01
本篇文章主要介绍了JavaScript实现动态增删表格，可以实现表格增加和删除数据的功能，非常具有实用价值，有兴趣的可以了解一下2017-03-03
最新评论