解决常见的 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

字符串

数组

调试 JavaScript

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

代码中的决策制定

循环/迭代

中级用例

函数

对象

JSON

事件

面向对象的 JavaScript

Web API