ES6语法及其知识点归纳——第一天

1 ECMAScript相关介绍

1.1 什么是ECMA

ECMA(European Computer Manufacturers Association)中文名称为欧洲计算机制
造商协会,这个组织的目标是评估、开发和认可电信和计算机标准。1994 年后该
组织改名为 Ecma 国际。

1.2 什么是ECMAScript?

ECMAScript 是由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言。

1. 3 什么是ECMA-262?

ECMA国际制定的标准之一。
ECMA-262历史版本查看:
http://www.ecma-international.org/publications/standards/Ecma-262-arch.htm

1.4 为什么要学习ES6?

ES6 的版本变动内容最多,具有里程碑意义
ES6 加入许多新的语法特性,编程实现更简单、高效
ES6 是前端发展趋势,就业必备技能

2. EXMAScript6 新特性

2.1 let关键字

let 关键字用来声明变量,使用 let 声明的变量有几个特点:
不允许重复声明
在块级作用域中有效
不存在变量提升
不影响作用域链

2.2 const关键字

const关键字用来声明常量。有如下特点:
声明时必须赋初始值
标识符一般采用大写的形式
不允许重复声明
值不允许修改
块级作用域
注:对象属性修改和数组元素的变化不会出现const错误。
应用:声明对象类型使用const,非对象类型声明使用let

2.3 变量的解构赋值

ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称
为解构赋值。
//2. 对象的解构
const zhao = {
name: ‘赵本山’,
age: ‘不详’,
xiaopin: function () {
console.log(‘演小品’);
}
}
let { name, age, xiaopin} = zhao;
console.log(name);
console.log(age);
console.log(xiaopin);

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

2.4 模板字符串

模板字符串是增强版的字符串,用反引号``标识。
特点:
字符串中可以出现换行符
可以使用${xxx}形式输出变量。
注: 当遇到字符串与变量拼接的情况使用模板字符串。

2.5 简化对象方法

ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。这
样的书写更加简洁。
let name = ‘海军’;
let change = function () {
console.log(‘改变’);
}
const school = {
name,
change,
// improve: function () {
// console.log(‘jiayou’);
// }
improve () {
console.log(‘jiayou’);
}
}

2.6 箭头函数

ES6 允许使用「箭头」(=>)定义函数。
/**

    1. 通用写法
      */
      let fn = (arg1, arg2, arg3) => {
      return arg1 + arg2 + arg3;
      }

注意点:

  1. 如果形参只有一个,则小括号可以省略
  2. 函数体如果只有一条语句,则花括号可以省略,函数的返回值为该条语句的
    执行结果。
  3. 箭头函数 this 指向声明时所在作用域下 this 的值
  4. 箭头函数不能作为构造函数实例化
  5. 不能使用 arguments
    注意:箭头函数不会更改 this 指向,用来指定回调函数会非常合适。

第一天学习结束!晚安

猜你喜欢

转载自blog.csdn.net/qq_41497756/article/details/107624227