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

2024-10-01 00:46:18

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

Ajax向后台传json格式的数据出现415错误的原因分析及解决方法

问题描述: ajax往后台传json格式数据报415错误,如下图所示页面代码 function saveUser(){ var uuId = document.getElementById("uuid").value; var idCard = document.getElementById("idCard").value; alert(uuId+idCard); // var result = new Object(); // result.uuId = uuI
JSON 对象未定义错误的解决方法

今天在使用Moodle的时候, 突然发现在IE下进入课件的时候提示"JSON 未定义"错误信息. 后来找来一个 "json2.js" 引入测试了一下. OK 解决. 后来一向觉的不靠谱,仔细推敲了一下发现我的IE是在兼容模式下. 换到正常模式, 注销到引用"json2.js"的代码. 果然是还是正常的了. 所以, 猜想IE可能是为了兼容模式中的"兼容"功能. 所以不会去加载过多不确定的东西(最小启动单元). 包括JSON的解析
总结AngularJS开发者最常犯的十个错误

前言 AngularJS易于开发.较多的特征及较好的效果导致了较多的应用,伴随而来的是一些陷阱.本文列举了AngularJS的一些共同的易于出问题的地方,下面来一起看看吧. 一.MVC目录结构 AngularJS,直白地说,就是一个MVC框架.它的模型并没有像backbone.js框架那样定义的如此明确,但它的体系结构却恰如其分.当你工作于一个MVC框架时,普遍的做法是根据文件类型对其进行归类: templates/ _login.html _feed.html app/ app.js cont
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法

本文实例讲述了JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法.分享给大家供大家参考,具体如下: Uncaught SyntaxError: Unexpected token ) 以下代码引发了此异常: <div class="Hd_live_Sharediv left"> <a href="javascript:void()" onclick="loadLivePlayer('ud
微信小程序加载 app-service.js 错误解决方法

微信小程序开发过程中出现错误,经过一番思考解决此问题,这里给大家提醒下! 加载 app-service.js 错误 WAService.js:2 不要在 undefined.js 注册多个Page APP-SERVICE-Engine:Please do not register multiple Page in undefined.js 开始新建一个小程序,结果报这么多错误. 但是我点击到编辑页查看的时候,没有pages,utils呀.. 进入app.js没有注册多个page呀. 感觉很奇怪,
防止Node.js中错误导致进程阻塞的办法

前言在Node.js中,当某个回调函数发生了错误,整个进程都会崩溃,影响后面的代码执行. Node.js这样处理,是因为在发生未被捕获的错误时,进程的状态就不确定.之后也就无法正常工作了.如果错误始终不处理的话,就回一直抛出意料之外的错误,这样不利于调试. 防止错误导致的进程阻塞的方法主要有如下两种: 一. try-catch try-catch允许进行异常捕获,并让代码继续执行下去: 例如: 当函数抛出错误时,代码就停止执行了: (function() { var a = 0; a(); c
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的调用和它所在
总结JavaScript中BigIn函数常见的属性

目录一.概述二.属性 1. 数学运算符 2. 比较运算符 3. 布尔运算三.总结一.概述 BigInt 是一种特殊的数字类型,它提供了对任意长度整数的支持. 创建 bigint 的方式有两种:在一个整数字面量后面加 n 或者调用 BigInt 函数,该函数从字符串.数字等中生成 bigint. const bigint = 1234567890123456789012345678901234567890n; const sameBigint = BigInt("1234567890123
分析javascript中9 个常见错误阻碍你进步

分析javascript中9 个常见错误阻碍你进步很多人尝试学习 JavaScript ,但是不久就放弃了.然后他们就告诉自己,"JavaScript 太复杂了",更有甚者说,"我不是前端开发的料". 这种情况挺让人悲伤的.其实根本不必放弃,所要做的仅仅是换一种不同的学习方法. 在这篇文章中,我们将介绍一些最常见的错误学习方法,并了解如何避免这些错误.许多技巧不仅适用于 JavaScript,甚至可以用到 web 开发上,所以也算是一种福利. 我们来吧! 错误 #
C语言编程中常见的五种错误及对应解决方案

目录 1. 未初始化的变量 2. 数组越界 3. 字符串溢出 4. 重复释放内存 5. 使用无效的文件指针前言: C 语言有时名声不太好,因为它不像近期的编程语言(比如 Rust)那样具有内存安全性.但是通过额外的代码,一些最常见和严重的 C 语言错误是可以避免的. 即使是最好的程序员也无法完全避免错误.这些错误可能会引入安全漏洞.导致程序崩溃或产生意外操作,具体影响要取决于程序的运行逻辑. 下文讲解了可能影响应用程序的五个错误以及避免它们的方法: 1. 未初始化的变量程序启动时,系统会为其
JavaScript中数组去除重复的三种方法

废话不多说了,具体方法如下所示: 方法一:返回新数组每个位子类型没变 function outRepeat(a){ var hash=[],arr=[]; for (var i = 0; i < a.length; i++) { hash[a[i]]!=null; if(!hash[a[i]]){ arr.push(a[i]); hash[a[i]]=true; } } console.log(arr); } outRepeat([2,4,4,5,"a","a"
详解JavaScript中关于this指向的4种情况

对很多前端开发者来说,JavaScript语言的this指向是一个令人头疼的问题.先看下面这道测试题,如果你能实现并解释原因,那本文对你来说价值不大,可以直接略过. **开篇测试题:**尝试实现注释部分的Javascript代码,可在其他任何地方添加更多代码(如不能实现,说明一下不能实现的原因): let Obj = function (msg) { this.msg = msg this.shout = function () { alert(this.msg) } this.waitAndS
JavaScript中使用Spread运算符的八种方法总结

Spread运算符允许从 iterable 表达式(如另一个数组文本)初始化部分数组文本,或允许表达式扩展到多个参数(在函数调用中). 语法 var array = [[arg0ToN ,] ...iterable [, arg0ToN]] func([args ,] ...iterable [, args | ...iterable]) 参数 iterable 必需. 迭代对象. arg0ToN 可选. 数组文本的一个或多个元素. args 可选. 函数的一个或多个参数. 本文将带大家了解如
JavaScript中数组去重常用的五种方法详解

目录 1.对象属性(indexof) 2.new Set(数组) 3.new Map() 4.filter() + indexof 5.reduce() + includes 补充原数组 const arr = [1, 1, '1', 17, true, true, false, false, 'true', 'a', {}, {}]; 1.对象属性(indexof) 利用对象属性key排除重复项遍历数组,每次判断新数组中是否存在该属性,不存在就存储在新数组中并把数组元素作为key,最后返
JavaScript中的一些隐式转换和总结(推荐)

js中的不同的数据类型之间的比较转换规则如下: 1. 对象和布尔值比较对象和布尔值进行比较时,对象先转换为字符串,然后再转换为数字,布尔值直接转换为数字 [] == true; //false []转换为字符串'',然后转换为数字0,true转换为数字1,所以为false 2. 对象和字符串比较对象和字符串进行比较时,对象转换为字符串,然后两者进行比较. [1,2,3] == '1,2,3' // true [1,2,3]转化为'1,2,3',然后和'1,2,3', so结果为true; 3
Javascript使用function创建类的两种方法(推荐)

1.使用function类 //myFunction.js var CMyFunc=function() { //类的公共方法,供外部调用 this.Func1=function() { var i=0; return i; } this.Func2=function() { _privateFunc(); } //类中的私有方法,供公共方法调用 function _privateFunc() { return 0; ] } CMyFunc myFunc=new CMyFunc(); 使用:其它

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

相关推荐

随机推荐