ES6 - 语法


ES6语法

语法定义了编写程序的一组规则。每种语言规范都定义了自己的语法。JavaScript程序可以由以下部分组成 -

  • 变量 - 表示可以存储程序值的已​​命名内存块。
  • 文字 - 表示常量/固定值。
  • 操作符 - 定义操作数将如何处理的符号。
  • 关键词 - 在语言环境中具有特殊含义的词。

下表列出了JavaScript中的一些关键字。下表列出了一些常用的关键字。

break as any Switch
case if throw Else
var number string Get
module type instanceof Typeof
finally for enum Export
while void this New
null super Catch let
static return True False
  • 模块 - 表示可以跨不同程序/脚本重复使用的代码块。
  • 注释 - 用于提高代码的可读性。这些被JavaScript引擎忽略。
  • 标识符 - 这些是给变量,函数等程序中的元素赋予的名称。标识符的规则是:

    • -标识符可以同时包含字符和数字。但是,标识符不能以数字开头。
    • 除下划线(_)或美元符号($)外,标识符不能包含特殊符号。
    • 标识符不能是关键字。它们必须是唯一的。
    • 标识符区分大小写。标识符不能包含空格。

下表说明了一些有效和无效的标识符。

Examples of valid identifiers Examples of invalid identifiers

firstName

first_name

num1

$result

Var#

first name

first-name

1number

空白和换行符

ES6忽略程序中出现的空格,制表符和换行符。您可以在程序中自由使用空格,制表符和换行符,并且可以自由地以整洁一致的方式格式化和缩进程序,从而使代码易于阅读和理解。

JavaScript是区分大小写的

JavaScript区分大小写。这意味着JavaScript区分大写字符和小写字符。

分号是可选的

每条指令都称为语句。分号在JavaScript中是可选的。

例如

console.log("hello world")
console.log("We are learning ES6")

一行可以包含多个语句。但是,这些语句必须用分号分隔。

JavaScript中的注释

注释是提高程序可读性的一种方法。可以使用注释来包含有关程序的其他信息,例如代码的作者,关于函数/构造的提示等。编译器会忽略注释。

JavaScript支持以下类型的注释:

  • 单行注释(//) - //和行尾之间的任何文本都被视为注释。
  • 多行注释(/ /) - 这些注释可能跨越多行。

例如

//this is single line comment  
/* This is a  
Multi-line comment
*/

您的第一个JavaScript代码

让我们从传统的“Hello World”例子开始吧。

var message = "Hello World"
console.log(message)

该程序可以分析为:

  • 第1行通过名称消息声明一个变量。变量是一种将值存储在程序中的机制。
  • 第2行将变量的值打印到提示。在这里,控制台指的是终端窗口。函数log()用于在屏幕上显示文本。

执行代码

我们将使用Node.js来执行我们的代码。

  • 第1步 - 将文件保存为Test.js
  • 第2步 - 右键单击​​Visual Studio代码的项目浏览器窗口中工作文件选项下的Test.js文件。
  • 第3步 - 选择在命令提示符下打开选项。
  • 第4步 - 在Node的终端窗口中输入以下命令。
node Test.js

在成功执行文件时显示以下输出。

Hello World

Node.js和JS / ES6

ECMAScript 2015(ES6)功能分为三组

  • 组装 - 这些是V8认为稳定的功能。
  • 分阶段功能 - 这些功能几乎完成,但V8团队认为不稳定。
  • 进行中 - 这些功能只能用于测试目的。

第一类功能完全受支持,并由节点默认打开。分阶段功能需要运行时 - 和谐标志才能执行。

Node.js组件特定的CLI标志列表可以在这里找到 - https://nodejs.org/api/cli.html

严格模式

ECMAScript规范的第五版引入了严格模式。严格模式在JavaScript上强加了一层约束。它对普通的JavaScript语义做了几处修改。

代码可以通过包括以下内容转换到严格模式:

// Whole-script strict mode syntax
"use strict";
 v = "Hi!  I'm a strict mode script!";  // ERROR: Variable v is not declared

在上面的代码片段中,整个代码作为JavaScript的受限变体运行。

JavaScript也允许将块的范围内的严格模式限制为函数的范围。这说明如下

v = 15
function f1() {
   "use strict";
   var v = "Hi!  I'm a strict mode script!";
}

在上面的代码片段中,函数外部的任何代码都将以非严格模式运行。函数中的所有语句都将在严格模式下执行。

ES6和提升

JavaScript引擎默认将声明移到顶部。这个功能被称为吊装。此功能适用于变量和功能。提升允许JavaScript在声明之前使用组件。但是,提升的概念不适用于在严格模式下运行的脚本。

变量提升和函数提升在随后的章节中解释。