• 前端开发中Js常见错误


    1.错误分为两种: 

     (1)代码错误:这种错误浏览器会报错,可以根据错误类型去排错 

     (2)逻辑错误:这种错误浏览器不会报错,但是可以使用断点进行调试排错 

     2.代码错误类型 

     2.1语法错误:

    即写的代码不符合js编码规则 报错为:Uncaught Syntaxerror:信息提示;我们可以根据后面的信息提示去修改错误,当然,语法错误,浏览器会直接报错,整个代码都不会执行。 

     2.2引用错误:

    使用了没有定义的变量 报错为:Uncaught ReferenceError:信息提示;错误之前的代码会执行,之后代码不会执行 

     2.3类型错误:

    提供的类型,不是js所需要的; 报错为:Uncaught TypeError:信息提示;错误之前的代码会执行,之后代码不会执行 

     2.4范围错误:

    指定的范围不是JS要求的 报错为:Uncaught RangeError:信息提示;错误之前的代码会执行,之后代码不会执行 3.逻辑错误 这类错误可能是逻辑顺序不正确,这种错误浏览器不会报错,我们可以通过断点调试排除错误 

    JS常见的报错类型

    1.Uncaught TypeError: Cannot read property '' of undefined

    常见的一种是在渲染 UI 组件时对于状态的初始化操作不当,当你读取一个未定义的对象的属性或调用其方法时,这个错误会在 Chrome 中出现。

    2.TypeError: ‘undefined’is not an object

    这是在 Safari 中读取属性或调用未定义对象上的方法时发生的错误,Safari 使用了不同的错误消息提示语。

    3.TypeError: 'null' is not an object
    这是在 Safari 中读取属性或调用空对象上的方法时发生的错误,Safari 使用了不同的错误消息提示语。undefined 通常是一个尚未分配的变量,而 null 表示该值为空。 要验证它们不相等,请尝试使用严格的相等运算符 ===

    这种错误可能发生场景是:在加载元素之前尝试在 JavaScript 中使用元素。 因为 DOM API 对于空白的对象引用返回值为 null。

    4.(unknown): Script error
    当未捕获的 JavaScript 错误(通过window.onerror处理程序引发的错误,而不是捕获在try-catch中)被浏览器的跨域策略限制时,会产生这类的脚本错误。这是一种浏览器安全措施,旨在防止跨域传递数据,否则将不允许进行通信。

    5.TypeError: Object doesn’t support property
    这是您在调用未定义的方法时发生在 IE 中的错误。 您可以在 IE 开发者控制台中进行测试。

    6.TypeError: ... is not a function
    调用未定义的函数时,在 Chrome 中产生的错误

    7.Uncaught RangeError: Maximum call stack
    当你调用一个不终止的递归函数时或者将值传递给超出范围的函数,会报出的错,检查函数的递归调用,确保函数不是无限递归的

    8. TypeError: Cannot read property ‘length’of undefined 
    因为读取未定义变量的长度属性,通常会在数组中找到定义的长度,但是如果数组未初始化或者变量名称在另一个上下文中隐藏,则可能会遇到此错误。

    var testArray = ["Test"];
    function testFunction(testArray) {
      for (var i = 0; i < testArray.length; i++) {
        console.log(testArray[i]);
      }
    }
    testFunction();

    当你用参数声明一个函数时,这些参数变成了函数作用域内的本地参数。这意味着即使你函数外有名为 testArray 的变量,在一个函数中具有相同名字的参数也会被视为本地参数。

    9.Uncaught TypeError: Cannot set property ... of undefined
    尝试访问一个未定义的变量时,它总是返回 undefined,我们不能获取或设置任何未定义的属性。

    10.ReferenceError: ... is not defined
    当您尝试访问未定义的变量或超出当前范围的变量时,会引发此错误。

    11.Uncaught exception: ReferenceError: Cannot assign to ‘this’
    尝试给一个不能被赋值的变量赋值时将发生该错误,确保不给函数函数的返回值或 this 关键字赋值。

    12.Uncaught TypeError: Converting circular structure toJSON
    该错误总是发生在使用 JSON.stringify 序列化一个存在循环引用的对象时,移除将要被转换为 JSON 字符串对象内部的循环引用。

    13.Unexpected token ;
    通常发生在缺少括号或分号时,该错误提示的行号有时并不能指向正确的位置

    14.Uncaught SyntaxError: Unexpected token ILLEGAL
    字符串字面量缺少闭合的引号,确保所有字符串都包含闭合的引号。

    资源搜索网站大全 https://www.renrenfan.com.cn 广州VI设计公司https://www.houdianzi.com

    接下来,详细说明各种类型: 

    1.Error:基类型。所有的错误都继承该类型。提供这个基类型的主要目的是提供给开发人员抛出自定义的错误(如:throw new Error(输出错误信息))。 

    2.EvalError:使用eval()函数会抛出该错误。例如未将eval当作函数使用,例如 new eval()。 

    3.RangeError: 数字超出范围会抛出该错误。例如,数组越界。 

    4.ReferenceError:在找不到对象会抛出错误。例如 var obj = undefineObj,undefineObj未定义会报错。 

    5.SyntaxError:语法错误。 

    6.TypeError:类型错误。通常在if控制流中和全等,相等的比较中存在类型转换。 

    7.URLError:使用eccodURL和decodeURL(),而URI格式不正确时,会导致错误。这个类型不常用。

    错误的理解  

    接着,简单的描述一下对错误的理解: 

    错误主要出现在if控制流,类型转换和对于空值为进行判断,字段未定义等。在编写代码时一定要从正反两个角度考虑。不能单从正确的角度考虑,只有这样才可以保证代码的健壮性。 

    最后,了解错误的使用方法: 

     throw 错误信息

    throw  new Error(错误信息) 

    throw new RangeError(错误信息,其他5种省略) 

  • 相关阅读:
    What is a Complex Element
    XSD(Schema)教程 [转]
    XML对WEB开发的意义
    System.Xml名称空间下的支持DOM的类型
    C#:XML操作类
    xsl:valueof select="." 什么意思?
    文档对象模型
    XSLT转换XML
    DTCMS添加栏目教程
    win8 Windows Media Player 启动后CPU占用率高(60%左右)的解决办法
  • 原文地址:https://www.cnblogs.com/xiaonian8/p/14085214.html
Copyright © 2020-2023  润新知