ES6基本语法

大家好，欢迎来到IT知识分享网。

1.ES6 是什么

ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

2. let声明变量与const声明常量

（1）let 和 const 声明的变量会被所有代码块限制作用范围

（2）let 和 const 不允许重复声明变量

（3）let 和 const 声明的变量不会在预解析的时候解析（也就是没有变量提升）

（4）let 和 const 不与顶层对象(如window)挂钩

var myage = 100 console.log(window.myage) //100 let myage1 = 100 console.log(window.myage) // undefined 

（5）let 和 const 的区别

3、解构赋值

4、模板字符串

（1）ES5 中我们表示字符串的时候使用 '' 或者 ""，在 ES6 中，可以用反引号“来表示字符串

（2）反引号和单引号好友双引号的区别
①反引号可以换行书写

②反引号可以直接在字符串里面拼接变量

4.1 字符串扩展- includes函数

4.2 字符串扩展- repeat函数

5.数值扩展

5.1 二进制和八进制表示法

5.2 isFinite与isNaN方法

5.3 isInteger方法

用来判断一个数值是否为整数。

5.4 极小常量Number.EPSILON

它表示 1 与大于 1 的最小浮点数之间的差。2.0313e-16

function isEqual(a,b){ return Math.abs(a-b)<Number.EPSILON // 小数的计算是会有误差的，比极小常量还小，则可以认为相等 } console.log(isEqual(0.1+0.2,0.3)) //true console.log(0.1+0.2===0.3) //false 

5.5 Math.trunc

5.6 Math.sign

Math.sign方法用来判断一个数到底是正数、负数、还是零。对于非数值，会先将其转换为数值

6.数组扩展

6.1 扩展运算符

let arr1 = [1,2,3] let arr2 = [4,5,6] console.log([...arr1,...arr2]) // ... 可以复制arr1、arr2 

6.2 Array.from

6.3 Array.of

6.4 find方法

6.5 fill方法

使用自己想要的参数替换原数组内容,但是会改变原来的数组

6.6 flat与flatMap方法

7.对象扩展

7.1 声明对象简写

const age = 12 const name = "Amy" // 传统 const person1 = {age: age, name: name} console.log(person1) // ES6 const person2 = {age, name} console.log(person2) //{age: 12, name: "Amy"} 

7.2 定义方法简写

// 传统 const person1 = { sayHi:function(){ console.log("Hi") } } person1.sayHi();//"Hi" // ES6 const person2 = { sayHi(){ console.log("Hi") } } person2.sayHi() //"Hi" 

7.3 Object.assign

7.4 Object.is

8、箭头函数

（3）语法： (函数的行参) => { 函数体内要执行的代码 }

8.1 箭头函数的特殊性

（1）箭头函数内部没有 this，箭头函数的 this 是上下文的 this，找上一行可以打印this的地方

①按照我们之前的 this 指向来判断，两个都应该指向 obj
②但是 fun 因为是箭头函数，所以 this 不指向 obj，而是指向 fun 的外层，就是 window
（2）函数的行参只有一个的时候可以不写 () 其余情况必须写

（3）函数体只有一行代码的时候，可以不写 {} ，并且会自动 return

（4）箭头函数内部没有 arguments 这个参数集合

8.2 函数传递参数的时候的默认值

9、对象拓展运算符

// 1、拷贝对象 let person1 = {name: "Amy", age: 15} let someone = { ...person1 } console.log(someone) //{name: "Amy", age: 15} // 2、合并对象 let age = {age: 15} let name = {name: "Amy"} let person2 = {...age, ...name} console.log(person2) //{age: 15, name: "Amy"}