JavaScript 语法是一组规则,如何 JavaScript 程序的构建:
// How to create variables:
var x;
let y;
// How to use variables:
x = 5;
y = 6;
let z = x + y;
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 使用关键字 var
, let
和 const
来声明变量。
等号用于为变量赋值。
在此示例中,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 使用算术运算符 ( +
-
*
/
) 到 计算值:
(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>
表达式是值、变量和运算符的组合, 计算出一个值。
该计算称为评估。
例如,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关键字用于 确定要执行的操作。
这 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>
在这些示例中,使用 var
或 let
将产生相同的结果。
您将了解有关 var
的更多信息 以及本教程稍后部分的 let
。
并非所有 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 名称必须以以下内容开头:
一个字母(A-Z 或 a-z)
美元符号 ($)
或者下划线 (_)
后续字符可以是字母、数字、下划线或美元符号。
不允许将数字作为名称中的第一个字符。
这样 JavaScript 就可以轻松地区分标识符和数字。
所有 JavaScript 标识符都是 区分大小写。
变量 lastName
和 lastname
, 是两个不同的变量:
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 不会将 LET 或 Let 解释为关键字 let。
从历史上看,程序员使用不同的方式将多个单词连接到一个变量名中:
连字符:
名字、姓氏、万事达卡、城市间。
JavaScript 中不允许使用连字符。它们保留用于减法。
下划线:
名字、姓氏、主卡、城市间。
大驼峰式大小写(帕斯卡大小写):
名字、姓氏、万事达卡、城际卡。
小驼峰式大小写:
JavaScript 程序员倾向于使用以小写字母开头的驼峰式命名法:
名字、姓氏、masterCard、interCity。
JavaScript 使用 Unicode 字符集。
Unicode 涵盖了(几乎)世界上所有的字符、标点符号和符号。
如需详细了解,请研究我们的完整 Unicode 参考。