JavaScript 学习笔记（四）—— 语句

你的名字 2023-06-09 10:04 52阅读 0赞

## JavaScript 语句 ##

JavaScript 语句是发给浏览器的命令。  
这些命令的作用是告诉浏览器要做的事情。  
下面的 JavaScript 语句向 id=“demo” 的 HTML 元素输出文本 “你好 Dolly” ：

document.getElementById("demo").innerHTML = "你好 Dolly";

--------------------

## 分号 ; ##

分号用于分隔 JavaScript 语句。  
通常我们在每条可执行的语句结尾添加分号。  
使用分号的另一用处是在一行中编写多条语句。

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

也可以这么写：

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

--------------------

## JavaScript 代码 ##

JavaScript 代码是 JavaScript 语句的序列。  
浏览器按照编写顺序依次执行每条语句。  
本例向网页输出一个标题和两个段落：

<body>
    
    <h1>我的 Web 页面</h1>
    <p id="demo">一个段落。</p>
    <div id="myDIV">一个 DIV。</div>
    <script>
    document.getElementById("demo").innerHTML="你好 Dolly";
    document.getElementById("myDIV").innerHTML="你最近怎么样?";
    </script>
    
    </body>

--------------------

## JavaScript 代码块 ##

JavaScript 可以分批地组合起来。  
代码块以左花括号开始，以右花括号结束。  
代码块的作用是一并地执行语句序列。  
本例向网页输出一个标题和两个段落：

<body>
    
    <h1>我的 Web 页面</h1>
    <p id="myPar">我是一个段落。</p>
    <div id="myDiv">我是一个div。</div>
    <p>
    <button type="button" onclick="myFunction()">点击这里</button>
    </p>
    <script>
    function myFunction(){ 
    	document.getElementById("myPar").innerHTML="你好世界！";
    	document.getElementById("myDiv").innerHTML="你最近怎么样?";
    }
    </script>
    <p>当你点击上面的按钮时，两个元素会改变。</p>
    
    </body>

--------------------

## JavaScript 语句标识符 ##

JavaScript 语句通常以一个 语句标识符 为开始，并执行该语句。  
语句标识符是保留关键字不能作为变量名使用。  
下表列出了 JavaScript 语句标识符 (关键字) ：

<table> 
 <thead> 
  <tr> 
   <th>语句</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>break</td> 
   <td>用于跳出循环。</td> 
  </tr> 
  <tr> 
   <td>catch</td> 
   <td>语句块，在 try 语句块执行出错时执行 catch 语句块。</td> 
  </tr> 
  <tr> 
   <td>continue</td> 
   <td>跳过循环中的一个迭代。</td> 
  </tr> 
  <tr> 
   <td>do … while</td> 
   <td>执行一个语句块，在条件语句为 true 时继续执行该语句块。</td> 
  </tr> 
  <tr> 
   <td>for</td> 
   <td>在条件语句为 true 时，可以将代码块执行指定的次数。</td> 
  </tr> 
  <tr> 
   <td>for … in</td> 
   <td>用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。</td> 
  </tr> 
  <tr> 
   <td>function</td> 
   <td>定义一个函数</td> 
  </tr> 
  <tr> 
   <td>if … else</td> 
   <td>用于基于不同的条件来执行不同的动作。</td> 
  </tr> 
  <tr> 
   <td>return</td> 
   <td>退出函数</td> 
  </tr> 
  <tr> 
   <td>switch</td> 
   <td>用于基于不同的条件来执行不同的动作。</td> 
  </tr> 
  <tr> 
   <td>throw</td> 
   <td>抛出（生成）错误 。</td> 
  </tr> 
  <tr> 
   <td>try</td> 
   <td>实现错误处理，与 catch 一同使用。</td> 
  </tr> 
  <tr> 
   <td>var</td> 
   <td>声明一个变量。</td> 
  </tr> 
  <tr> 
   <td>while</td> 
   <td>当条件语句为 true 时，执行语句块。</td> 
  </tr> 
 </tbody> 
</table>