大家都知道有时候修改数据的时候我们希望有一些数据是不可以修改的,通常情况下我们会将input框设置为 readonly , 但是 select 控件没有这个属性,需要使用另一个属性 disabled ,...但是接着又出现其他的问题就是将select控件设置为 disabled 后提交表单后台无法获取数据。...在网上找了很多方法,大家普遍使用的最多的就是在提交表单之前的时候把 select 的属性 disabled 设为 false 。...具体的做法就是在form元素添加一个onsubmit事件,绑定到下面这个函数,然后就大功告成了。
至此,本文主要记录js 常见的一些错误类型,以及常见的报错信息,分析其报错原因,并给予处理方法。并且将介绍几种捕获异常的方法。...TypeError:类型错误,表示值的类型非预期类型时发生的错误。...:无法读取属性‘x’, 无法设置属性 'x' 为什么报错?...访问或设置未定义(undefined)或null值的属性时会发生这种报错。...一种简单且适用于小型属性链的方法是使用逻辑运算符&&。
反过来,这意味着ItemList将项目定义为未定义,并且您在控制台中收到错误 - “Uncaught TypeError:无法读取未定义的属性’map’”。 这很容易解决。...your name" /> 4 (unknown): Script error 当未捕获的...例如,如果您在CDN上托管JavaScript代码,任何未捕获的错误(冒泡到window.onerror处理程序的错误,而不是在try-catch中捕获)将被报告为“脚本错误”而不是包含有用的错误 信息...Uncaught TypeError: Cannot set property 当我们尝试访问未定义的变量时,它总是返回undefined,我们无法获取或设置undefined的任何属性。...在这种情况下,应用程序将抛出“Uncaught TypeError无法设置未定义的属性”。 10.
至此,本文主要记录Js 常见的一些错误类型,以及常见的报错信息,分析其报错原因,并给予处理方法。并且将介绍几种捕获异常的方法。 注:本文使用的谷歌游览器验证,不同的游览器,报错可能会不一样。...TypeError:类型错误,表示值的类型非预期类型时发生的错误。...含义:无法读取属性‘x’, 无法设置属性 'x' 为什么报错?...访问或设置未定义(undefined)或null值的属性时会发生这种报错。...一种简单且适用于小型属性链的方法是使用逻辑运算符&&。
,整个系统不够健壮,从而会出现白屏,或者业务系统异常,用户误操作等 那么,就出现了前端防御性编程 常见的问题和防范 1.最常见的问题: uncaught TypeError: Cannot read property...js对象中的未初始化属性值是undefined,从undefined读取属性就会导致这个错误(同理,null也一样) 如何避免?...; } return this.props.children; } } 注意 错误边界无法捕获以下场景中产生的错误: 事件处理(了解更多) 异步代码(例如 setTimeout.../test.js'; obj.a=3; 当你频繁使用这个obj对象时,你无法根据代码去知道它的改变顺序(即在某个时刻它的值是什么),而且这里面可能存在不少异步的代码,当我们换一种方式,就能知道它的改变顺序了...innerHTML 容易出现安全漏洞,例如接口返回了一段JavaScript脚本,那么就会立即执行。
1.定义对象上的方法 在JS中,方法是存储在对象属性中的函数。当调用该方法时,this 将指向该方法所属的对象。...但是,箭头函数会在声明上静态绑定上下文,并且无法使其动态化,但这种方式有坏也有好,有时候我们需要动态绑定。 在客户端编程中,将事件侦听器附加到DOM元素是一项常见的任务。...无论如何,this是来自封闭上下文的设置,而不是新创建的对象。换句话说,箭头函数构造函数调用没有意义,而且是模糊的。...; 简写语法 箭头函数有一个很好的属性,它可以省略参数圆括号()、块大括号{},如果函数主体只有一条语句,则返回。这有助于编写非常短的函数。...总结 毫无疑问,箭头函数是一个很好的补充。当正确使用时,它会使前面必须使用.bind()或试图捕获上下文的地方变得简单,它还简化了代码。 某些情况下的优点会给其他情况带来不利。
1.异常的类型 异常的类型多种多样,常见的异常有: AttributeError 试图访问一个对象没有的属性,比如foo.x,但是foo没有属性x IOError 输入/输出异常;基本上是无法打开文件...代码非法,代码不能编译(个人认为这是语法错误,写错了) TypeError 传入对象类型与要求的不符合 UnboundLocalError 试图访问一个还未被设置的局部变量,基本上是由于另有一个同名的全局变量...访问未初始化的本地变量 ReferenceError 弱引用(Weak reference)试图访问已经垃圾回收了的对象 RuntimeError 一般的运行时错误 NotImplementedError...一般的解释器系统错误 TypeError 对类型无效的操作 ValueError 传入无效的参数 UnicodeError Unicode 相关的错误 UnicodeDecodeError...可疑的语法的警告 UserWarning 用户代码生成的警告 2.捕获异常,处理异常 只有将对应的异常类型捕获才能进行异常的处理 异常的捕获处理方式: try: #程序执行的代码,
,可是在其它浏览器下就报错了,报了这样一个错: Uncaught TypeError: Illegal invocation 未捕获的类型错误:非法调用 当时没太注意,当时没仔细去弄清楚是怎么回事...; var s = d.call(window, "demo").innerHTML alert(s); 这样写显然会导致调用错误...var s = d.call(document, "demo").innerHTML alert(s); 但是在我的IE6下却报错了,然后我开始找原因了...… 我试图去循环迭代出d中的所有属性 var d = document.getElementById; for (var p in d){} 但得到的情况很糟糕,不知道是我的系统问题,还是确实存在这个问题...例:var a = 5 * (3 + 4) 5、正则表达中用作捕获的分组之用 6、函数调用符 上面的问题让我困惑的是,一个object如何被调用,这里的()肯定是函数调用符,那么document.getElementById
TypeError: Null Is Not an Object (evaluating...) 这是在 Safari 中读取属性或调用空对象上的方法时发生的错误。 ?...(unknown): Script Error 当未捕获的 JavaScript 错误违背跨边界原则时,就会发生脚本错误。...例如,如果将 JavaScript 代码托管在 CDN 上,则任何未被捕获的错误(通过 window.onerror 处理程序发出的错误,而不是 try-catch 中捕获到的错误)将仅报告为“脚本错误...TypeError: Cannot Read Property ‘length’ 这是 Chrome 中发生的错误,因为读取了未定义长度属性的变量。 ?...Uncaught TypeError: Cannot Set Property 当尝试访问未定义的变量时,总会返回 undefined。我们也无法获取或设置 undefined 的任何属性。
= e.name + "" + e.message; } 发生错误时,JavaScript通常会停止运行,并创建一个具有两个属性的Error...; } } try { getRectArea(5, 'Z'); } catch(err) { document.getElementById('para').innerHTML = err...catch语句捕获异常(err),并显示自定义错误消息。...try { var x = 5 + y; // 抛出引用错误 } catch(err) { document.getElementById("result").innerHTML = err.name...TypeError 当值不是期望的类型时,抛出TypeError。
2、 TypeError: ‘undefined’ is not an object 这是在 Safari 中读取属性或调用未定义对象上的方法时发生的错误。...3、 TypeError: null is not an object 这是在 Safari 中读取属性或调用空对象上的方法时发生的错误。...your name" /> 4、 (unknown): Script error 当未捕获的...8、 TypeError: Cannot read property ‘length’ 这是因为读取未定义变量的长度属性而发生的错误。 您可以在 Chrome 开发者控制台中进行测试。 ?...: Cannot set property 当我们尝试访问一个未定义的变量时,它总是返回 undefined,我们不能获取或设置任何未定义的属性。
] 范围;界限;区间; 类; 种; token [ˈtəʊkən] 令牌;标记 try [traɪ] 尝试 throw [θrəʊ] 投;掷;抛;扔;摔;丢;猛推;使劲撞 Uncaught 未捕获...、TypeError(类型错误):变量或参数不是预期类型,或调用对象不存在的属性方法。...翻译:undefined的环境下无法读取属性“userName” 3、RangeError(范围错误):数据值不在JS所允许的范围内。...// 1、递归函数未设置跳出的条件 function run(){ run(); } run(); // 报错:Uncaught RangeError: Maximum call stack size...•使用try包裹的代码,即使不出错,效率也比不用try包裹的代码低。•在try中,尽量少的包含可能出错的代码。•无法提前预知错误类型的错误,必须用try catch捕获。•finally可以省略。
[image.png] TypeError: Null Is Not an Object (evaluating...) 这是在 Safari 中读取属性或调用空对象上的方法时发生的错误。...Type your name" /> (unknown): Script Error 当未捕获的...例如,如果将 JavaScript 代码托管在 CDN 上,则任何未被捕获的错误(通过 window.onerror 处理程序发出的错误,而不是 try-catch 中捕获到的错误)将仅报告为“脚本错误...TypeError: Cannot Read Property ‘length’ 这是 Chrome 中发生的错误,因为读取了未定义长度属性的变量。...我们也无法获取或设置 undefined 的任何属性。在这种情况下,应用程序将抛出“Uncaught TypeError cannot set property of undefined”。
Uncaught SyntaxError 未捕获的语法错误,最低级的错误,直接编译不通过。 通常情况是写错符号,比如for循环应该用分号的写了逗号,函数接受形参应该用逗号但是写了分号。...foo().then(v => console.log(v); e => console.log(e)) Uncaught ReferenceError 未捕获引用错误:Uncaught ReferenceError...10 Uncaught TypeError 未捕获类型错误:Uncaught TypeError...... show是一个变量不是一个函数!...var show = 10 show() //Uncaught TypeError: show is not a function Uncaught (in promise) 未经证实的错误:...,虽然props是在子组件定义的,但子组件不能直接修改props里面的值,但是如果props里的数据是array或object类型的可修改其属性或下标值,但仍不可以直接赋值!
封装是面向对象编程的基本特性,它使程序员能够限制对某些对象组件的未授权访问。 在此定义下,对象以公共访问方法的形式提供接口作为与其数据交互的方式。这样对象的内部表示不能直接被对象的外部访问。...但是如果mode属性的值为“closed”,则尝试从root外部用JavaScript访问shadow root的元素时会抛出一个TypeError: 1Light DOM 记录到控制台,因此侦听器无法看到调度该事件的实际元素。
TypeError: ‘undefined’ is not an object 这是在 Safari 中读取属性或调用未定义对象上的方法时发生的错误。...TypeError: null is not an object 这是在 Safari 中读取属性或调用空对象上的方法时发生的错误。...(unknown): Script error 当未捕获的 JavaScript 错误(通过window.onerror处理程序引发的错误,而不是捕获在try-catch中)被浏览器的跨域策略限制时,会产生这类的脚本错误...TypeError: Cannot read property ‘length’ 这是 Chrome 中发生的错误,因为读取未定义变量的长度属性。 您可以在 Chrome 开发者控制台中进行测试。...Uncaught TypeError: Cannot set property 当我们尝试访问一个未定义的变量时,它总是返回 undefined,我们不能获取或设置任何未定义的属性。
console.error(err.message); } ➤ ⓧ Error while executing the code 1.2.1 try..catch 与 无效代码 try..catch 无法捕获无效的...这里不会被执行"); } ➤ ⓧ Uncaught SyntaxError: Invalid or unexpected token 1.2.2 try..catch 与 异步代码 同样,try..catch无法捕获在异步代码中引发的异常...noSuchVariable; // undefined variable }, 1000); } catch (err) { console.log("这里不会被执行"); } 未捕获的...Error: Error while executing the code 这里注意两件事: 即使从try块抛出错误后,也会执行finally块 如果没有catch块,错误将不能被优雅地处理,从而导致未捕获的错误...JS 中的内置错误 3.1 Error JavaScript 有内置的错误对象,它通常由try块抛出,并在catch块中捕获,Error 对象包含以下属性: name:是错误的名称,例如 “Error”
TypeError: ‘undefined’ is not an object 这是在 Safari 中读取属性或调用未定义对象上的方法时发生的错误。...TypeError: null is not an object 这是在 Safari 中读取属性或调用空对象上的方法时发生的错误。...(unknown): Script error 当未捕获的 JavaScript 错误(通过window.onerror处理程序引发的错误,而不是捕获在try-catch中)被浏览器的跨域策略限制时...TypeError: Cannot read property ‘length’ 这是 Chrome 中发生的错误,因为读取未定义变量的长度属性。...Uncaught TypeError: Cannot set property 当我们尝试访问一个未定义的变量时,它总是返回 undefined,我们不能获取或设置任何未定义的属性。
在许多情况下,我们还可以扩展这些标准Error对象,以创建我们自己的自定义Error对象。 属性 Error 对象具有2个属性 name ——设置或返回错误名称。...message-设置或返回错误消息 ? 事例 1.通用的错误 我们可以使用Error对象创建一个新的Error,然后使用throw关键字显式抛出该错误。...试图更新无法更改的值。 值使用不当。...Uncaught TypeError: Cannot read property 'name' of null 捕获TypeError try { var num = 1; num.toUpperCase...URIError 创建一个error实例,表示错误的原因:给 encodeURI()或 decodeURl()传递的参数无效。 如果未正确使用全局URI处理功能,则会发生这种情况。 ?
另外请注意,由于mixed已经包含null,因此不允许将其设置为nullable。...如果要捕获所有的异常和错误,可以使用Throwable作为捕获类型。 参数列表中的尾部逗号 现在的 PHP,虽然可以调用函数时在尾部加逗号,但参数列表中仍然缺少对尾部逗号的支持。...异常取代了警告 尝试修改非对象的'%s'属性:Error异常取代了警告 尝试分配非对象的'%s'属性:Error异常取代了警告 从空值创建默认对象:Error异常取代了警告 试图获取非对象的'%s'属性...:警告取代了通知 未定义的属性:%s::$%s:警告取代了通知 由于下一个元素已被占用,无法将元素添加到数组:Error异常取代了警告 无法取消设置非数组变量中的偏移量:Error异常取代了警告 无法将标量值用作数组...ID#%d 用作偏移量,转换为整数(%d):警告取代了通知 发生字符串偏移量转换:警告取代了通知 未初始化的字符串偏移量:%d:警告取代了通知 无法将空字符串分配给字符串偏移量:Error异常取代了警告
领取专属 10元无门槛券
手把手带您无忧上云