ES6新增知识小总结

女爷i 2022-12-24 03:58 130阅读 0赞

ES6

## **let／const** ##

ES6中新增的声明变量的方式：  
let关键字用来声明变量，类似于var，但是使用let声明的变量有以下几点特性：  
1.不存在变量提升  
2.暂时性死区 TDZ  
3.不允许重复声明，同一作用域内只能声明一次  
4.新增的块级作用域  
for(作用域A)\{作用域B\} 循环的应用；

const关键字用来声明常量，其使用规则除了声明之后不能修改之外，其他特性和let一样  
本质上来说，const声明的变量并不是变量的值不能改动，而是变量指向的内存地址不得改动，简单的数据类型（数字，字符串，布尔），值就保存在变量指向的那个内存地址，因此等同于常量，但是对于复合型的数据（对象和数组），变量指向的内存地址，保存的只是一个指针，const只能保证这个指针是固定的，至于指向的数据结构就不能控制到

const的重复声明  
简单常量 常量的值不能改动  
对象 过对象调用属性可以,但是直接改变变量则报错  
const obj = \{name:“admin”\};  
obj.name = “root”;  
console.log(obj) //\{name:“root”\}

obj = {name:"啦啦"};
    		console.log(obj)  //报错

## ES6新增数组方法 ##

arr.indexOf() 根据数据找索引 不存在返回-1  
arr.forEach() 遍历 没有返回值  
arr.map() 遍历并操作 有返回值  
arr.fifter() 遍历并过滤 返回值为布尔值true 的时候，才会返回该数据  
arr.some() 遍历并校对，一个true即为true

## ES6字符串 ##

字符串查找	
    includes(str,start)  判断字符串中,是否包含某个字符(记住)
    startsWith(str,start)  字符串是否以某个字符开头 参数:str为指定的字符串,start为开始的位置
    endsWith(str,end)  字符串是否以某个字符结束  参数:str为指定的字符串,end为结束的位置
    arr.every()    遍历并校对，一个false即为false
    arr.reduce()   遍历并归并

for of遍历（遍历的是值，不是索引）  
遍历字符串abc  
遍历数组（主要）  
var s = “abc”;  
for(let b of s)\{  
console.log(b); // “a” “b” “c”  
\}

## 字符串拼接 ##

ES6字串中的反引号 ``
    用 ${变量名 } 括住变量让拼接变得非常容易;

## 箭头函数语法 ##

语法1  (参数1, 参数2, …, 参数N) => { 函数体 }
    	var fn1 = (x,y)=>{return x+y;}
      		console.log(fn1(2,3));
    语法2:  单个表达式省略{}
    	(参数1, 参数2, …, 参数N) => 表达式（单一）
    	相当于：(参数1, 参数2, …, 参数N) =>{ return 表达式; }
    语法3: 单个参数省略()
           单一参数 => {函数声明}
          (单一参数) => {函数声明}  // 当只有一个参数时，圆括号是可选的：

1没有参数的函数应该写成一对圆括号。 () => \{函数声明\}  
2 没有\{\}的箭头函数,相当于使用了return

缺点：  
第一： 箭头函数是不能new的，它的设计初衷就跟构造函数不太一样

第二： 箭头函数如果要返回一个JSON对象，必须用小括号包起来 var test = ()=>({id:3, val=20})
    
    第三： 对代码的可读性伤害太大、

## 解构赋值 ##

将数组或者对象中元素依次行赋给多个变量
    [变量1,变量2]=[11,22,333]  变量和元素的对应关系
    let {属性名1,属性名2,属性名3} ={属性:值,属性:值}  变量的名字就是属性名

类  
类是现实世界在计算机中的反映，它将数据和对这些数据的操作封装在一起（并没有开空间),主要是为了更好的实现面向对象编程,是ES6中新增的语法.

1.在类中声明方法的时候，千万不要给该方法加上function关键字
    2.方法之间不要用逗号分隔，否则会报错