JS 基础 - JavaScript 语法 - 《JavaScript Node.js 全栈》

JavaScript 值
- 字面量
- 变量
运算符
表达式
关键词
注释
标识符
大小写敏感
驼峰式大小写
字符集

JavaScript 语法是一套规则，它定义了 JavaScript 的语言结构。

var x, y;    // 如何声明变量
x = 7; y = 8;    // 如何赋值
z = x + y;    // 如何计算值

JavaScript 值

JavaScript 语句定义两种类型的值：混合值和变量值。混合值被称为字面量（literal）。变量值被称为变量。

字面量

书写混合值最重要的规则是：写数值有无小数点均可：

15.90
10011

字符串是文本，由双引号或单引号包围：

"Bill Gates"
'Bill Gates'

变量

在编程语言中，变量用于存储数据值。 JavaScript 使用 var 关键词来声明变量。 = 号用于为变量赋值。在本例中，x 被定义为变量。然后，x 被赋的值是 7：

var x;
x = 7;

运算符

JavaScript 使用算数运算符（+ - * /）来计算值：

(7 + 8) * 10

示例

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 运算符</h2>
<p>JavaScript 使用算数运算符来计算值（类似代数）。</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (7 + 8) * 10;
</script>
</body>
</html>

JavaScript 使用赋值运算符（=）向变量赋值：

var x, y;
var x = 7;
var y = 8;

示例

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 赋值</h2>
<p>在 JavaScript 中，= 运算符用于向变量赋值。</p>
<p id="demo"></p>
<script>
var x, y;
x = 7;
y = 8;
document.getElementById("demo").innerHTML = x + y;
</script>
</body>
</html>

表达式

表达式是值、变量和运算符的组合，计算结果是值。

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 表达式</h2>
<p>表达式计算为值。</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 6 * 10;
</script>
</body>
</html>

值可以是多种类型，比如数值和字符串。例如，”Bill” + “ “ + “Gates”，计算为 “Bill Gates”：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 表达式</h2>
<p>表达式计算为值。</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Bill" + " "  + "Gates";
</script>
</body>
</html>

关键词

JavaScript 关键词用于标识被执行的动作。 var 关键词告知浏览器创建新的变量：

var x = 7 + 8;
var y = x * 10;

示例

<!DOCTYPE html>
<html>
<body>
<h2>var 关键词创建变量</h2>
<p id="demo"></p>
<script>
var x, y;
x = 7 + 8;
y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>
</body>
</html>

注释

并非所有 JavaScript 语句都被“执行”。双斜杠 // 或 / 与 / 之间的代码被视为注释。注释会被忽略，不会被执行：

var x = 7;   // 会执行
// var x = 8;   不会执行

示例

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 注释<b>不会</b>被执行。</h2>
<p id="demo"></p>
<script>
var x;
x = 7;
// x = 8; 我不会被执行
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>

标识符

标识符是名称。在 JavaScript 中，标识符用于命名变量（以及关键词、函数和标签）。在大多数编程语言中，合法名称的规则大多相同。在 JavaScript 中，首字符必须是字母、下划线（-）或美元符号（$）。连串的字符可以是字母、数字、下划线或美元符号。提示：数值不可以作为首字符。这样，JavaScript 就能轻松区分标识符和数值。

大小写敏感

所有 JavaScript 标识符对大小写敏感。变量 lastName 和 lastname，是两个不同的变量。

lastName = "Gates";
lastname = "Jobs";

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 对大小写敏感</h2>
<p>请试着把 lastName 改为 lastname。</p>
<p id="demo"></p>
<script>
var lastname, lastName;
lastName = "Gates";
lastname = "Jobs";
document.getElementById("demo").innerHTML = lastName;
</script>
</body>
</html>

JavaScript 不会把 VAR 或 Var 译作关键词 var。

驼峰式大小写

历史上，程序员曾使用三种把多个单词连接为一个变量名的方法：

连字符

first-name, last-name, master-card, inter-city.

注释：JavaScript 中不能使用连字符。它是为减法预留的。

下划线

first_name, last_name, master_card, inter_city.

驼峰式大小写（Camel Case）

FirstName, LastName, MasterCard, InterCity.

JavaScript 程序员倾向于使用以小写字母开头的驼峰大小写：

firstName, lastName, masterCard, interCity

字符集

JavaScript 使用 Unicode 字符集。
Unicode 覆盖世界上几乎所有的字符、标点和符号。
如需了解详情，请访问我们完整的 Unicode 参考手册。