JavaScript 语法


目录

    显示目录

JavaScript 语法是一组规则,如何 JavaScript 程序的构建:

// How to create variables:
var x;
let y;

// How to use variables:
x = 5;
y = 6;
let z = x + y;

JavaScript 值

JavaScript 语法定义了两种类型的值:

  • 固定值

  • 变量值

固定值称为文字

变量值称为变量


JavaScript 文字

固定值的两个最重要的语法规则是:

1. 数字用 或 书写 不带小数:

10.50

1001 

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Numbers</h2>

<p>Number can be written with or without decimals.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 10.50;
</script>

</body>
</html>

2. 字符串是文本,用双引号或单引号编写:

"John Doe"

'John Doe'

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Strings</h2>

<p>Strings can be written with double or single quotes.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 'John Doe';
</script>

</body>
</html>


JavaScript 变量

在编程语言中,变量 用于存储数据值。

JavaScript 使用关键字 varletconst声明变量。

等号用于为变量赋值

在此示例中,x 被定义为变量。那么,x 就是 分配(给定)值 6:

let x;
x = 6; 

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Variables</h2>

<p>In this example, x is defined as a variable.
Then, x is assigned the value of 6:</p>

<p id="demo"></p>

<script>
let x;
x = 6;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

JavaScript 运算符

JavaScript 使用算术运算符 ( + - * / ) 到 计算值:

(5 + 6) * 10

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Operators</h2>

<p>JavaScript uses arithmetic operators to compute values (just like algebra).</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>

</body>
</html>

JavaScript 使用赋值运算符 ( = ) 来赋值 变量值:

let x, y;
x = 5;
y = 6;

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>Assigning JavaScript Values</h2>

<p>In JavaScript the = operator is used to assign values to variables.</p>

<p id="demo"></p>

<script>
let x, y;
x = 5;
y = 6;
document.getElementById("demo").innerHTML = x + y;
</script>

</body>
</html>

JavaScript 表达式

表达式是值、变量和运算符的组合, 计算出一个值。

该计算称为评估。

例如,5 * 10 的计算结果为 50:

5 * 10 

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Expressions</h2>

<p>Expressions compute to values.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 5 * 10;
</script>

</body>
</html>

表达式还可以包含变量值:

 x * 10 

自己尝试一下→

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Expressions</h2>

<p>Expressions compute to values.</p>

<p id="demo"></p>

<script>
var x;
x = 5;
document.getElementById("demo").innerHTML = x * 10;
</script>

</body>
</html>

这些值可以是各种类型,例如数字和字符串。

例如,“John”+“”+“Doe”,计算结果为“John Doe”:

 "John" + " " + "Doe"

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Expressions</h2>

<p>Expressions compute to values.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "John" + " "  + "Doe";
</script>

</body>
</html>

JavaScript 关键字

JavaScript关键字用于 确定要执行的操作。

let 关键字告诉浏览器创建变量:

let x, y;
x = 5 + 6;
y = x * 10;

自己尝试一下→

<!DOCTYPE html>
<html>
<body>

<h2>The <b>let</b> Keyword Creates Variables</h2>

<p id="demo"></p>

<script>
let x, y;
x = 5 + 6;
y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>

</body>
</html>

var 关键字还告诉浏览器创建变量:

 var x, y;
x = 5 + 6;
y = x * 10;

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>The var Keyword Creates Variables</h2>

<p id="demo"></p>

<script>
var x, y;
x = 5 + 6;
y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>

</body>
</html>

在这些示例中,使用 varlet 将产生相同的结果。

您将了解有关 var 的更多信息 以及本教程稍后部分的 let


JavaScript 注释

并非所有 JavaScript 语句都会“执行”。

双斜杠后的代码 // 或在 /**/ 被视为评论

评论将被忽略,并且不会被 执行:

let x = 5;   // I will be executed
// x = 6;   I will 
NOT be executed

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Comments are NOT Executed</h2>

<p id="demo"></p>

<script>
let x;
x = 5;
// x = 6; I will not be executed
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

您将在后面的章节中了解有关注释的更多信息。


JavaScript 标识符/名称

标识符是 JavaScript 名称。

标识符用于命名变量、关键字和函数。

大多数编程语言中的合法名称规则都是相同的。

JavaScript 名称必须以以下内容开头:

  • 一个字母(A-Z 或 a-z)

  • 美元符号 ($)

  • 或者下划线 (_)

后续字符可以是字母、数字、下划线或美元符号。

笔记

不允许将数字作为名称中的第一个字符。

这样 JavaScript 就可以轻松地区分标识符和数字。


JavaScript 区分大小写

所有 JavaScript 标识符都是 区分大小写

变量 lastNamelastname, 是两个不同的变量:

let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";

自己尝试一下→

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript is Case Sensitive</h2>

<p>Try to change lastName to lastname.</p>

<p id="demo"></p>

<script>
let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";
document.getElementById("demo").innerHTML = lastName;
</script>

</body>
</html>

JavaScript 不会将 LETLet 解释为关键字 let


JavaScript 和驼峰式大小写

从历史上看,程序员使用不同的方式将多个单词连接到一个变量名中:

连字符:

名字、姓氏、万事达卡、城市间。

JavaScript 中不允许使用连字符。它们保留用于减法。

下划线:

名字、姓氏、主卡、城市间。

大驼峰式大小写(帕斯卡大小写):

名字、姓氏、万事达卡、城际卡。

小驼峰式大小写:

JavaScript 程序员倾向于使用以小写字母开头的驼峰式命名法:

名字、姓氏、masterCard、interCity。


JavaScript 字符集

JavaScript 使用 Unicode 字符集。

Unicode 涵盖了(几乎)世界上所有的字符、标点符号和符号。

如需详细了解,请研究我们的完整 Unicode 参考。