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


Posted in Javascript onJanuary 08, 2017

 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种错误(推荐),希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
js模拟实现Array的sort方法
Dec 11 Javascript
JS防止用户多次提交的简单代码
Aug 01 Javascript
jquery+json实现数据列表分页示例代码
Nov 15 Javascript
JQuery实现表格动态增加行并对新行添加事件
Jul 30 Javascript
jQuery+ajax实现实用的点赞插件代码
Jul 06 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
Aug 12 Javascript
详解如何在vue-cli中使用vuex
Aug 07 Javascript
微信小程序实现简单评论功能
Nov 28 Javascript
JS获取动态添加元素的方法详解
Jul 31 Javascript
jquery实现吸顶导航效果
Jan 08 jQuery
vue2路由基本用法实例分析
Mar 06 Javascript
一篇文章带你搞懂Vue虚拟Dom与diff算法
Aug 25 Javascript
详解js中==与===的区别
Jan 08 #Javascript
JavaScript 动态三角函数实例详解
Jan 08 #Javascript
你不知道的 javascript【推荐】
Jan 08 #Javascript
js时间控件只显示年月
Jan 08 #Javascript
javascript函数的四种调用模式
Jan 08 #Javascript
jquery与ajax获取特殊字符实例详解
Jan 08 #Javascript
浅谈DOM的操作以及性能优化问题-重绘重排
Jan 08 #Javascript
You might like
雄兵连:第三季确定会出,不过时间未定,鹤熙是第三季的主角!
2020/03/13 国漫
PHP 中文乱码解决办法总结分析
2009/07/30 PHP
PHP实现定时执行任务的方法
2014/10/05 PHP
php的debug相关函数用法示例
2016/07/11 PHP
利用PHP自动生成印有用户信息的名片
2016/08/01 PHP
php中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
PHP单文件上传原理及上传函数的封装操作示例
2019/09/02 PHP
jQuery 动画弹出窗体支持多种展现方式
2010/04/29 Javascript
js中的屏蔽的使用示例
2013/07/30 Javascript
javascript中SetInterval与setTimeout的定时器用法
2015/08/24 Javascript
基于JavaScript实现弹出框效果
2016/02/19 Javascript
jquery分页插件jquery.pagination.js使用方法解析
2016/04/01 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
2016/04/18 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
2016/08/03 Javascript
高效的jQuery代码编写技巧总结
2017/02/22 Javascript
angularjs2 ng2 密码隐藏显示的实例代码
2017/08/01 Javascript
Python cookbook(数据结构与算法)根据字段将记录分组操作示例
2018/03/19 Python
python中利用h5py模块读取h5文件中的主键方法
2018/06/05 Python
python pandas 对series和dataframe的重置索引reindex方法
2018/06/07 Python
Django中的模型类设计及展示示例详解
2020/05/29 Python
纯CSS3制作漂亮带动画效果的主机价格表
2015/04/25 HTML / CSS
荷兰网上药店:Drogisterij.net
2019/09/03 全球购物
C#笔试题集合
2013/06/21 面试题
如何开启linux的ssh服务
2015/02/14 面试题
涉外经济法专业毕业生推荐信
2013/11/24 职场文书
我的大学生活职业生涯规划
2014/01/02 职场文书
幼儿园评语大全
2014/04/17 职场文书
合同协议书格式
2014/04/18 职场文书
美德少年事迹材料500字
2014/08/19 职场文书
给客户的检讨书
2014/12/21 职场文书
大学生求职信怎么写
2015/03/19 职场文书
理想国读书笔记
2015/06/25 职场文书
2016年圣诞节义工活动总结
2016/04/01 职场文书
学会用Python实现滑雪小游戏,再也不用去北海道啦
2021/05/20 Python
如何利用Python实现一个论文降重工具
2021/07/09 Python
oracle删除超过N天数据脚本的方法
2022/02/28 Oracle