解决 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会提示“return语句之后的代码无法访问”。

对象表示法与普通赋值

在JavaScript中，当你正常赋值时，使用单个等号，例如：

js
const myNumber = 0;

但是，对于对象，你需要注意使用正确的语法。对象必须用花括号括起来，成员名称必须使用冒号与值分隔，并且成员之间必须用逗号分隔。例如：

js
const myObject = {
  name: "Chris",
  age: 38,
};

基本定义

基本用例

通用

变量

数学

字符串

数组

调试JavaScript

有关JavaScript调试的更多信息，请参阅处理常见的JavaScript问题。此外，请参阅其他常见错误，了解常见错误的描述。

在代码中做出决策

循环/迭代

中级用例

函数

对象

JSON

事件

面向对象的JavaScript

Web API