- ECMAScript/ES6版本
- ECMAScript/ES6开发环境安装
- ECMAScript/ES6语法
- ECMAScript/ES6散布运算符
- ECMAScript/ES6 Rest参数
- ECMAScript/ES6变量
- ECMAScript/ES6运算符
- ECMAScript/ES6循环
- ECMAScript/ES6决策定制
- ECMAScript/ES6函数
- ECMAScript/ES6箭头函数
- ECMAScript/ES6生成器
- ECMAScript/ES6 IIFE(立即调用函数表达式)
- ECMAScript/ES6数组
- ECMAScript/ES6数组方法
- ECMAScript/ES6数组解构
- ECMAScript/ES6映射/Map
- ECMAScript/ES6集合/Set
- ECMAScript/ES6对象
- ECMAScript/ES6对象解构
- ECMAScript/ES6类
- ECMAScript/ES6字符串
- ECMAScript/ES6模板文字
- ECMAScript/ES6事件
- ECMAScript/ES6 Cookies
- ECMAScript/ES6对话框
- ECMAScript/ES6页面重定向
- ECMAScript/ES6 Number对象
- ECMAScript/ES6 void关键字
- ECMAScript/ES6页面打印
- ECMAScript/ES6 Boolean对象
ECMAScript/ES6语法
语法是定义符号排列的一组规则,每种语言规范都有其语法。 语法适用于文档代表源代码的编程语言,也适用于文档描述数据的标记语言。
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在声明组件之前使用组件。 提升不适用于在严格模式下运行的脚本。
扫描二维码
程序员编程王