ECMAScript(ES6+)

1.ECMAScript简介

ECMA(European Computer Manufacturers Association)中文名称为欧洲计算机制造商协会, 这个组织的目标是评估、开发和认可电信和计算机标准。1994 年后该组织改名为 Ecma 国际。 ECMAScript 是由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言 Ecma 国际制定了许多标准,而 ECMA-262 只是其中的一个,查看 Ecma 标准

2.ECMA-262历史

第1版               1997年           制定了语言的基本语法

第2版               1998年           较小改动

第3版               1999年           引入正则、异常处理、格式化输出等。IE 开始支持

第4版                2007年           过于激进,未发布

第5版                2009年           引入严格模式、JSON,扩展对象、数组、原型、字符串、日期方法

第6版                2015年            模块化、面向对象语法、Promise、箭头函数、let、const、数组解构赋值等等

第7版                2016年            幂运算符、数组扩展、Async/await 关键字

第8版                2017年             Async/await、字符串扩展

第9版                2018年             对象解构赋值、正则扩展

第10 版             2019年             扩展对象、数组方法

ES.next 动态指向下一个版本    注∶从ES6 开始,每年发布一个版本,版本号比年份最后一位大1

3.为什么要学习 ES6

 ES6的版本变动内容最多,具有里程碑意义

 ES6 加入许多新的语法特性,编程实现更简单、高效

 ES6是前端发展趋势,就业必备技能4.let 关键字

4.let关键字

用来声明变量,使用let 声明的变量有几个特点∶

1)不允许重复声明

2)块儿级作用域

3)不存在变量提升

4)不影响作用域链





    
    
    
    let 声明变量







5.const 关键字

const 关键字用来声明常量, const 声明有以下特点
1)声明必须赋初始值
2)不允许重复声明
3)值不允许修改
4)块儿级作用域




    
    
    
    const 定义常量







注意 : 对象属性修改和数组元素变化不会触发 const 错误
应用场景:声明对象、数组类型、以及常量时使用 const ,非对象类型声明选择 let

6.变量的解构赋值

ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构赋值




    
    
    
    变量的解构赋值







注意:频繁使用对象方法、数组元素,就可以使用解构赋值形式

7.模板字符串

模板字符串(template string)是增强版的字符串,用反引号(`)标识,特点:

1)字符串中可以出现换行符

2)可以使用 ${xxx} 形式输出变量




    
    
    
    模板字符串



    
注意:当遇到字符串与变量拼接的情况使用模板字符串

8.简化对象写法

ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁




    
    
    
     简化对象写法







9.箭头函数

ES6 允许使用「箭头」( => )定义函数
箭头函数的注意点:
1)如果形参只有一个,则小括号可以省略
2)函数体如果只有一条语句,则花括号可以省略,函数的返回值为该条语句的执行结果
3)箭头函数 this 指向声明时所在作用域下 this 的值
4)箭头函数不能作为构造函数实例化
5)不能使用 arguments



    
    
    <

你可能感兴趣的:(ES6,javascript,开发语言,前端,ecmascript)