一文读懂JavaScript基本结构,详细了解 JavaScript的组成

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”的变量中。

一文读懂JavaScript基本结构,详细了解 JavaScript的组成

运算符

运算符是用符号表示以进行运算处理的符号。用加法和减法处理的“+”“-”是运算符的一种。

// 加法运算符
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);
}

代码风格因人而异,因此在这个阶段,我们在语句的末尾添加一个分号。

【以块结尾的语句不需要分号】我们只要记住这一点就可以了。