1 　 JavaScript 语句
　　在 HTML 中，JavaScript 语句是由 web 浏览器“执行”的“指令”。

1.1  JavaScript 程序和语句
　　计算机程序是由计算机“执行”的一系列“指令”。　　

　　在编程语言中，这些编程指令被称为语句。　

var x, y, z;    // 语句 1
x = 22;        // 语句 2
y = 11;        // 语句 3
z = x + y;    // 语句 4

　　JavaScript 程序就是一系列的编程语句。
　　注释：在 HTML 中，JavaScript 程序由 web 浏览器执行。

1.2  JavaScript 语句格式
　　JavaScript 语句由以下构成：
　　值、运算符、表达式、关键词和注释。
　　例：　　

document.getElementById("demo").innerHTML = "Hello Kitty.";

　　这条语句告诉浏览器在 id="demo" 的 HTML 元素中输出 "Hello Kitty."

javascript 语法树 javascript语法大全_运算符

javascript 语法树 javascript语法大全_代码块_02

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 语句</h2>

<p>在 HTML 中，JavaScript 语句由浏览器执行。</p>

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

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

</body>
</html>

View Code

 

1.3  分号 ;
　　分号分隔 JavaScript 语句。
　　请在每条可执行的语句之后添加分号

a = 5;
b = 6;
c = a + b;

　　提示：以分号结束语句不是必需的，但我们仍然强烈您这么做。

1.4  JavaScript 空白字符
　　JavaScript 会忽略多个空格。您可以向脚本添加空格，以增强可读性。

　　下面这两行是相等的：　

var person = "Bill";
var person="Bill";

　　在运算符旁边（ = + - * / ）添加空格是个好习惯：　

var x = y + z;

 

1.5  JavaScript 行长度和折行
　　为了达到最佳的可读性，程序员们常常喜欢把代码行控制在 80 个字符以内。

　　如果 JavaScript 语句太长，对其进行折行的最佳位置是某个运算符。
　　例：

document.getElementById("demo").innerHTML =
 "Hello Kitty.";

 

1.6  JavaScript 代码块
　　JavaScript 语句可以用花括号（{...}）组合在代码块中。
　　代码块的作用是定义一同执行的语句。

　　例：　　　　

function myFunction() {
    document.getElementById("demo").innerHTML = "Hello Kitty.";
    document.getElementById("myDIV").innerHTML = "How are you?";
}

 

1.7 JavaScript 关键词

关键词

描述

break

终止 switch 或循环。

continue

跳出循环并在顶端开始。

debugger

停止执行 JavaScript，并调用调试函数（如果可用）。

do ... while

执行语句块，并在条件为真时重复代码块。

for

标记需被执行的语句块，只要条件为真。

function

声明函数。

if ... else

标记需被执行的语句块，根据某个条件。

return

退出函数。

switch

标记需被执行的语句块，根据不同的情况。

try ... catch

对语句块实现错误处理。

var

声明变量。

 

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

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