10 种 JavaScript 最常见的错误( 三 )

执行以上代码会报错:

Cannot read property 'length' of undefined
有两种方法可以解决这个问题:
var testArray = ["Test"];/* Precondition: defined testArray outside of a function */function testFunction(/* No params */) { for (var i = 0; i < testArray.length; i++) { console.log(testArray[i]); }}testFunction();或
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当我们尝试访问一个未定义的变量时 , 它总是返回 undefined , 我们不能获取或设置任何未定义的属性 。在这种情况下会将抛出 “Uncaught TypeError: Cannot set property” 。
10 种 JavaScript 最常见的错误

文章插图
 
10. ReferenceError: event is not defined当您尝试访问未定义的变量或超出当前作用域的变量时 , 会引发此错误 。您可以在 Chrome 浏览器中测试 。
10 种 JavaScript 最常见的错误

文章插图
 
如果在使用 event 时遇到此错误 , 请确保使用传入的事件对象作为参数 。像 IE 这样的旧浏览器提供了一个全局变量事件 , 但并不是所有浏览器都支持 。
document.addEventListener("mousemove", function (event) { console.log(event);})总结我们看到上面的 10 个最常见的错误 , 其实所涉及的知识点并不难 。当你认真读过《你不知道的 JavaScript》上卷后 , 这些错误基本就不会再出现了 。当然 , 归根结底还是要有扎实的 javascript 基础 , 理解底层原理和实现 。




推荐阅读