解决常见的 JavaScript 问题
以下链接指向您在编写 JavaScript 时可能遇到的常见问题的解决方案。
初学者常见错误
正确的拼写和大小写
如果您的代码不起作用和/或浏览器报错说某个东西未定义,请检查您是否正确拼写了所有变量名、函数名等。
一些常见的导致问题的内置浏览器函数是
正确 | 错误 |
---|---|
getElementsByTagName() |
getElementByTagName() |
getElementsByName() |
getElementByName() |
getElementsByClassName() |
getElementByClassName() |
getElementById() |
getElementsById() |
分号位置
您需要确保不要错误地放置任何分号。例如
正确 | 错误 |
---|---|
elem.style.color = 'red'; |
elem.style.color = 'red;' |
函数
函数可能会出现各种问题。
最常见的错误之一是声明了函数,但没有在任何地方调用它。例如
js
function myFunction() {
alert("This is my function.");
}
这段代码不会执行任何操作,除非您使用以下语句调用它
js
myFunction();
函数作用域
请记住,函数有自己的作用域——您无法从函数外部访问在函数内部设置的变量值,除非您将变量声明为全局变量(即不在任何函数内部),或者从函数中返回该值。
return 语句之后的代码执行
还要记住,当您从函数返回时,JavaScript 解释器会退出函数——return 语句之后的任何代码都不会运行。
事实上,一些浏览器(如 Firefox)会在开发者控制台中给出错误消息,如果您在 return 语句之后有代码。Firefox 会给出“unreachable code after return statement”(return 语句后不可达代码)的错误。
对象表示法与普通赋值
当您在 JavaScript 中正常赋值时,您会使用单个等号,例如
js
const myNumber = 0;
但是,在使用对象时,您需要注意使用正确的语法。对象必须用大括号括起来,成员名必须用冒号与它们的值分隔,成员之间必须用逗号分隔。例如
js
const myObject = {
name: "Chris",
age: 38,
};
基本定义
基本用例
通用
变量
Math
- 在 Web 开发中,您需要处理哪些类型的数字?
- 如何在 JavaScript 中进行基本数学运算?
- 什么是运算符优先级,JavaScript 如何处理它?
- 如何在 JavaScript 中增加和减少值?
- 如何在 JavaScript 中比较值? (例如,查看哪个值更大,或查看一个值是否等于另一个值)。
字符串
数组
调试 JavaScript
有关 JavaScript 调试的更多信息,请参阅 JavaScript 调试和错误处理。此外,请参阅 其他常见错误,了解常见错误的描述。