Solve common problems in your JavaScript code

以下链接指向您在编写JavaScript时可能遇到的常见问题的解决方案.

Common beginner's mistakes

Correct spelling and casing

如果您的代码无法正常工作和/或浏览器抱怨某些内容未定义,请检查您是否正确拼写了所有变量名,函数名等.

导致问题的一些常见内置浏览器功能是:

Correct Wrong
getElementsByTagName() getElementbyTagName()
getElementsByName() getElementByName()
getElementsByClassName() getElementByClassName()
getElementById() getElementsById()

Semi-colon position

您需要确保不要错误地放置任何分号. 例如:

Correct Wrong
elem.style.color = 'red'; elem.style.color = 'red;'

Functions

函数有很多可能出错的地方.

最常见的错误之一是声明函数,而不是在任何地方调用它. 例如:

function myFunction() {
  alert('This is my function.');
};

除非您使用以下语句调用此代码,否则它将不会执行任何操作:

myFunction();

Function scope

请记住, 函数具有其自身的作用域 -除非您全局声明变量(即不在任何函数内部),否则不能从函数外部访问函数内部设置的变量值,或者从函数返回值 .

Running code after a return statement

还请记住,当您从函数返回时,JavaScript解释器将退出该函数— return语句后将不运行任何代码.

实际上,如果您在return语句后有代码,则某些浏览器(如Firefox)会在开发人员控制台中向您显示错误消息. Firefox为您提供"返回语句后无法访问的代码".

Object notation versus normal assignment

在JavaScript中正常分配内容时,请使用单个等号,例如:

const myNumber = 0;

但是,使用Objects时,您需要注意使用正确的语法. 该对象必须用花括号括起来,成员名称必须使用冒号与其值分开,并且成员必须以逗号分隔. 例如:

const myObject = {
  name: 'Chris',
  age: 38
}

Basic definitions

Basic use cases

Arrays

Debugging JavaScript

有关JavaScript调试的更多信息,请参见处理常见的JavaScript问题 . 另外,请参阅其他常见错误以获取常见错误的描述.

Making decisions in code

Looping/iteration

Intermediate use cases