ECMAScript/ES6语法

精华

小牛编辑

139浏览

2023-03-14

语法是定义符号排列的一组规则，每种语言规范都有其语法。语法适用于文档代表源代码的编程语言，也适用于文档描述数据的标记语言。

JavaScript中的程序包括：

文字：文字可以定义为表示源代码中的固定值的符号。通常，文字用于初始化变量。在下面的示例中，可以看到文字的使用，其中1表示整数文字，而字符串 - "hello"是字符串文字。

int x = 1;  
string str = "hello";

变量：变量是由内存地址标识的存储位置。变量是存储程序值的存储块的名称。变量的名称是引用存储值的标准方法。
关键字：在计算机编程中，关键字是在特定上下文中具有特殊含义的单词。它不能用作变量名，函数名或标签之类的标识符。
运算符：运算符是定义操作数处理的符号。运算符的一些常见示例包括算术运算符(加+)，逻辑运算符(如AND或&&)等。
注释：注释是计算机程序源代码中程序员可读的注释(额外信息)。添加注释以使源代码易于人类理解。注释增加了代码的可读性，并且被编译器和解释器忽略。

JavaScript支持以下两种类型的注释：

多行注释：这些注释用于对多行进行注释。
例如：/*这是一个
多行注释示例*/。
单行注释：这些注释用于对单行进行注释。
例如：//这是单行注释。
标识符：标识符是为程序中元素指定的名称，例如函数，变量等。标识符的一些规则如下：
除美元符号($)或下划线(_)外，标识符不包含任何特殊符号。
标识符名称不能是关键字。
标识符包括字符和数字，但是不能以数字开头标识符的名称。
标识符区分大小写，并且不包含空格。

例如：在此示例中，将看到有效和无效的标识符声明的示例。

有效标识符示例： userName，user_name，name14，$name。

无效标识符示例： Name@，user name，user-name，14name。

1.换行符和空格

ECMAScript忽略程序中出现的制表符，空格和换行符。我们可以自由的在程序中使用制表符，空格和换行符，并以可靠的方式自由格式化和缩进程序，这增加了代码的可读性并使其易于理解。

JavaScript参考中有一些要点定义如下：

1.1.JavaScript和驼峰

JavaScript程序员应使用小写字母大写(以小写字母开头)。

例如：userName，firstName，cityName等。

注意，JavaScript中不允许使用连字符(-)，因为连字符保留用于减法。

1.2.JavaScript区分大小写

JavaScript中的标识符区分大小写，因此JavaScript中的大写字符和小写字符是不同的。

例如：

username和userName都是JavaScript中的不同变量。

var username, userName;  
username = "Maxsu";  
userName = "SuShu";

1.3.分号是可选

在JavaScript中，分号的使用是可选的。但是，如果一行中有多个语句(指令序列)，则这些语句必须用分号分隔。

例如：

console.log("hello world")  
console.log("Welcome to xxxx.com"); console.log("You are learning the ES6 tutorial");

JavaScript中的代码执行

下面我们尝试通过一个示例来了解代码如何在JavaScript中执行：

var msg =  "Hello World"       // 声明一个 a 变量
console.log(msg);       // 此行将变量的值打印到提示中。其中的控制台引用终端窗口，并且 log() 用于在屏幕上显示文本。

使用.js扩展名保存此文件，这里将保存文件命名为first.js。然后，右键单击该文件，该文件位于Visual Studio代码的项目浏览器窗口中的“工作文件”选项下，然后选择“在终端中打开”选项。

在终端中键入以下命令以执行文件：

C:\> node first.js

上面代码成功执行后，将获得以下输出：

Hello World

2.严格模式

ECMAScript 5(ECMAScript规范的第五版)中引入了严格模式。可以在所有程序中使用此严格模式。这将帮助我们编写简洁的代码，例如防止使用未声明的变量。

2.1.使用严格模式的优点

严格模式对常规JavaScript语义有几处更改：

严格模式禁止某些语法，这些语法很可能会在ECMAScript的未来版本中定义。
严格模式通过将某些JavaScript静默错误更改为抛出错误来消除它们。
严格模式还解决了错误，这使JavaScript引擎难以执行优化，因此严格模式有时会比identical模式运行得更快。

2.2.如何声明严格模式

可以通过添加use strict来声明严格模式；在函数或脚本的开头。

在脚本的开头声明：在脚本的开头声明它时，它将是一个全局范围，即脚本中的所有代码都将在严格模式下执行。

例如：

"use strict";  
example();  
function example() {  
  x= 89;   // It will also cause an error because x is not declared<br>  
}

当执行此示例时，由于未声明变量x，因此将收到错误消息。在函数内部声明：当在函数内部声明它时，它将是局部作用域，即函数内的代码将处于严格模式。

y = 89;       // It will not cause an error.  
example();  
function example() {  
  "use strict";  
  x = 89;   // It will cause an error  
}

3.ES6和Hoisting

Hoisting是默认行为，即在执行代码之前将所有声明移到作用域的顶部。它适用于函数和变量。它允许JavaScript在声明组件之前使用组件。提升不适用于在严格模式下运行的脚本。