JavaScript代码由称为 Expressions的表达式和称为Statements 的语句的组合组成。了解这些结构的特征将有助于您在了解更多有关 JavaScript 技术时更好地理解它们。
现在让我们了解一下 JavaScript 的结构。
表达式和语句
正如开头所说,JavaScript 代码是由表达式和语句的组合组成的,当每一段被分解时,它是由更详细的元素组成的。
表达式是用于最终获得某些值的代码合集。
简单地说,有一个使用加法运算符“5+3=7”的公式。
语句是用于执行某些操作的代码合集。
例如,“if (expression) {process}”,这样的if语句适用。
现在让我们来看下表达式和语句是如何构造的。
我们将在另一篇文章中解释如何编写每个项目的详细语法,所以让我们先来了解JavaScript的整体结构。
表达式(expression)
一个表达式可以分解为三个部分:“标识符”、“字面值”和“运算符”。
标识符:变量名和函数名
文字值:数字和字符串
运算符:+、-、*、/等
以下是表达式的示例:
//输出值5 console.log(5); // 5 // 输出5+3的结果值 console.log(5 + 3); // 8 // 将85赋值给变量 const score = 85; // 将“你好”的返回值代入函数 const hello = function() { return '你好'; }; // 输出名为hello的函数的值 console.log(hello()); //你好
变量名和函数名
标识符是区分变量、函数、属性等的字符序列。简单来说就是变量名或者函数名。
// 名为“name”的变量名。’定义“张三”这个值 let name = '张三'; // 名为“sayName”的函数名,用于输出上述定义name的函数 function sayName() { console.log(name); } sayName(); // '张三'
变量name是指在上述例子中加入“张三”这个字符串的容器。
函数sayName包含用于输出存储在上述示例变量name中名称的过程。与变量名相似,但函数名不仅可以指定容器的内容,还可以包含作为函数的功能。最终通过调用函数名来使用存储的功能。
文字值
文字值是可以直接存储在数据中的值。这适用于数字和字符串。
// 存储“你好”字符串 const hello = '你好'; console.log(hello); // '你好' // 存储值数字80 const score = 80; console.log(score); // 80
上面我们定义了一个变量名“hello”来存储字符串“你好”。将数字“80”存储在名为“score”的变量中。
运算符
运算符是用符号表示以进行运算处理的符号。用加法和减法处理的“+”“-”是运算符的一种。
// 加法运算符 console.log(1 + 2); // 3 // 减法运算符 console.log(5 - 2); // 3 // 乘法运算符 console.log(3 * 5); // 15 // 除法运算符 console.log(8 / 4); // 2 // 余数运算符 console.log(9 % 2); // 1
运算符的种类很多,这里就不一一介绍了,但是在编程中使用它们来进行计算,就像在数学计算中使用它们一样。
到目前为止,我们已经看到了表达式元素之间的构成。
语句
一个语句是完成某个过程的一个步骤。您可以在语句末尾使用分号 ; 来分隔语句。
进行处理的语句1; 进行处理的语句2; 进行处理的语句3;
语句包括例如if语句、while语句和for语句。
以下都是语句示例:
if(表达式) { 执行的代码; } switch(表达式) { 执行的代码; } while(表达式) { 执行的代码;} for(表达式) { 执行的代码; } function name (表达式) { 执行的代码; }
表达式通常用作语句的一部分。
const fullScore = 100; //fullScore这个表达式在if语句中使用 if (fullScore) { // 省略 }
此外与表达式不同,语句不能分配给变量。这在JavaScript中会发生错误。
const isHuman = true; const myName = if (isHuman) { return '张三'} // JavaScript错误
语句块
包含在块 { } 中的语句称为语句块。
这使您可以为正在做的事情写多个语句。
if (true) { //区块 console.log('文1'); // 文1 console.log('文2'); // 文2 console.log('文3'); // 文3 }
基本上,语句以分号 ; 结尾,但以块结尾的语句不需要分号。
// 不以区块结尾的句子需要分号 if (true) console.log(true); //以块结尾的语句不需要分号 if (true) { console.log(true); }
代码风格因人而异,因此在这个阶段,我们在语句的末尾添加一个分号。
【以块结尾的语句不需要分号】我们只要记住这一点就可以了。