JavaScript基础

1. JavaScript简介

• JavaScript 最开始是专门为浏览器设计的一门语言，但是现在也被用于很多其他的环境。

• 如今，JavaScript 已经成为了与 HTML/CSS 完全集成的，使用最广泛的浏览器语言。

• 有很多其他的语言可以被“编译”成 JavaScript，这些语言还提供了更多的功能。建议最好了解一下这些语言，至少在掌握了 JavaScript 之后大致的了解一下。

2. 变量

我们可以使用 var、let 或 const 声明变量来存储数据。

• let — 现代的变量声明方式。

• var — 老旧的变量声明方式。一般情况下，我们不会再使用它。但是，我们会在 旧时的 "var" 章节介绍 var 和 let 的微妙差别，以防你需要它们。

• const — 类似于 let，但是变量的值无法被修改。

变量应当以一种容易理解变量内部是什么的方式进行命名。

3. 数据类型

JavaScript 中有八种基本的数据类型（译注：前七种为基本数据类型，也称为原始类型，而 object 为复杂数据类型）。

• number 用于任何类型的数字：整数或浮点数，在 ±(253-1) 范围内的整数。

• bigint 用于任意长度的整数。

• string 用于字符串：一个字符串可以包含 0 个或多个字符，所以没有单独的单字符类型。

• boolean 用于 true 和 false。

• null 用于未知的值 —— 只有一个 null 值的独立类型。

• undefined 用于未定义的值 —— 只有一个 undefined 值的独立类型。

• symbol 用于唯一的标识符。

• object 用于更复杂的数据结构。

我们可以通过 typeof 运算符查看存储在变量中的数据类型。

• 两种形式：typeof x 或者 typeof(x)。

• 以字符串的形式返回类型名称，例如 "string"。

• typeof null 会返回 "object" —— 这是 JavaScript 编程语言的一个错误，实际上它并不是一个 object。

7. 循环：while 和 for

我们学习了三种循环：

• while —— 每次迭代之前都要检查条件。

• do..while —— 每次迭代后都要检查条件。

• for (;;) —— 每次迭代之前都要检查条件，可以使用其他设置。

通常使用 while(true) 来构造“无限”循环。这样的循环和其他循环一样，都可以通过 break 指令来终止。

如果我们不想在当前迭代中做任何事，并且想要转移至下一次迭代，那么可以使用 continue 指令。

break/continue 支持循环前的标签。标签是 break/continue 跳出嵌套循环以转到外部的唯一方法。

8. 函数

函数声明方式如下所示：

function name(parameters, delimited, by, comma) {

}

 

• 作为参数传递给函数的值，会被复制到函数的局部变量。

• 函数可以访问外部变量。但它只能从内到外起作用。函数外部的代码看不到函数内的局部变量。

• 函数可以返回值。如果没有返回值，则其返回的结果是 undefined。

为了使代码简洁易懂，建议在函数中主要使用局部变量和参数，而不是外部变量。

与不获取参数但将修改外部变量作为副作用的函数相比，获取参数、使用参数并返回结果的函数更容易理解。

函数命名：

• 函数名应该清楚地描述函数的功能。当我们在代码中看到一个函数调用时，一个好的函数名能够让我们马上知道这个函数的功能是什么，会返回什么。