ES6语法详细介绍和示例

本文概述

• 换行符和空格
• JavaScript和驼峰名称
• JavaScript区分大小写
• 分号是可选的
• 严格模式
• ES6和吊装

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

JavaScript中的程序包括：

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

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

变量：变量是由内存地址标识的存储位置。变量是存储程序值的存储块的名称。变量的名称是引用存储值的标准方法。

关键字：在计算机编程中, 关键字是在特定上下文中具有特殊含义的单词。它不能用作变量名, 函数名或标签之类的标识符。

运算符：运算符是定义操作数处理的符号。运算符的一些常见示例包括算术运算符(加+), 逻辑运算符(如AND或&&)等。

注释：注释是计算机程序源代码中程序员可读的注释(额外信息)。添加注释以使源代码易于人类理解。注释增加了代码的可读性, 并且被编译器和解释器忽略。

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

• 多行注释：这些注释用于对多行进行注释。
  例如：/ *这是一个
  多行注释示例* /。
• 单行注释：这些注释用于对单行进行注释。
  例如：//这是单行注释。

标识符：标识符是为程序中元素指定的名称, 例如函数, 变量等。标识符的一些规则如下：

• 除美元符号($)或下划线(_)外, 标识符不包含任何特殊符号。
• 标识符名称不能是关键字。
• 标识符包括字符和数字。但是你不能以数字开头标识符的名称。
• 标识符区分大小写, 并且不包含空格。

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

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

无效的标识符例如：Name @, 用户名, 用户名, 14name。

换行符和空格

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

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

JavaScript和驼峰名称

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

例如userName, firstName, cityName等。

请注意, JavaScript中不允许使用连字符, 因为连字符保留用于减法。

JavaScript区分大小写

JavaScript中的标识符区分大小写。这意味着JavaScript中的大写字符和小写字符是不同的。

例如：

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

var username, userName;
username = "Anil";
userName = "Sunil";

分号是可选的

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

例如：

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

JavaScript中的代码执行

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

var msg =  "Hello World"       //This line declares a variable.
console.log(msg);       //This line print the value of the variable to the prompt. The console in it refers to the terminal window, and the log() is used to display the text on the screen.

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

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

node Example.js

成功执行后, 你将获得以下输出：

Hello World

严格模式

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

使用严格模式的优点：

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

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

如何声明严格模式

你可以通过添加” 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
}

ES6和吊装

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