JavaScript中日常收集常见的10种错误(推荐)
1对于this关键词的不正确使用
Game.prototype.restart=function(){ this.clearLocalStorage(); this.timer=setTimeout(function(){ this.clearBoard(); },0); };
运行上面的代码将会出现如下错误:
uncaughttypeError:undefinedisnotafunction
为什么会有这个错?this是指代当前对象本身,this的调用和它所在的环境密切相关。上面的错误是因为在调用setTimeout函数的时候,实际调用的是window.setTimeout,而在window中并没有clearBoard();这个方法;
下面提供两种解决的方法。
1,将当前对象存储在一个变量中,这样可以在不同的环境被继承。
Game.prototype.restart=function(){ this.clearLocalStorage(); varself=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(vari=0;i<10;i++){ /**/ } console.log(i);//并不会提示未定义,结果是10
在js中这种现象叫:variablehoisting(声明提前)
可以使用let关键字。
3内存泄漏
在js中无法避免会有内存泄漏,内存泄漏:占用的内存,但是没有用也不能及时回收的内存。
例如以下函数:
vartheThing=null; varreplaceThing=function(){ varpriorThing=theThing; varunused=function(){ if(priorThing){ console.log(‘hi'); }; }; theThing={ longStr:newArray(1000000).join(‘*'), someMethod:function(){ console.log(someMessage); } } setInterval(replaceThing,1000);
如果执行这段代码,会造成大量的内存泄漏,光靠garbagecollector是无法完成回收的,代码中有个创建数组对象的方法在一个闭包里,这个闭包对象又在另一个闭包中引用,,在js语法中规定,在闭包中引用闭包外部变量,闭包结束时对此对象无法回收。
4比较运算符
console.log(false==‘0');//true console.log(null==undefinded);//true console.log(”\t\r\n”==0);
以上所述是小编给大家介绍的JavaScript中日常收集常见的10种错误(推荐),希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!