常用ES6语法归纳总结！

常用ES6语法归纳总结！

使用es6语法使代码更加简洁，更加易读

常用用法：
(1)const声明一个只读的常量 一旦声明，常量的值就不能改变,保证变量安全性。

 	const PI = "123"
 	PI = 3;//TypeError ： Assignment to constant variable、

(2)箭头函数

var getList = ()=>{
    
    }

(3)解构赋值

	var user = {
    
    name:"qhk",id::"111",sex:"男"};
	//常用方式1：
		let {
    
    name,id} = user;
		console.log(name,id)
	//常用方式2：
        var getValue = ({
    
    name,id})=>{
    
    alert(name,id)}
        getValue(user)

(4)字符串 ``

 	var name = "秦洪坤"
    var year = '24'
    //拼接字符串
    var msg = `我的名字是：${
    
    name},今年${
    
    year}岁`
    console.log(msg)

(5)对象简洁定义

	var name ="秦洪坤"
 	let user = {
    
    
 		name,
 		getUser(){
    
    
 			return name
 		}
 	}
 	console.log(user.name,user.getUser())

(6)常用遍历

   var list = [{
    
    id:1,name:'秦洪坤'},{
    
    id:2,name:"祁桂芳"}]
   //遍历列表
   list.forEach((i,v)=>{
    
    
   		console.log(v.name)
   })
   //获取列表中符合条件的数据
   var newList = list.filter(v=>v.id == 1)
   //获取符合条件的索引
   var index = list.findIndex(v=>v.id == 1)

(7)对象合并

	let user1 = {
    
    a:1}
 	let user2 = {
    
    b:2}
    let user3 = Object.assign({
    
    },user1,user2)//{}如果换成某个对象后也会被合并修改

(8)深拷贝简单对象

 let user = {
    
    a:1}
     let user1 = {
    
    ...user}
     user1.a = 2;
     console.log(user,user1) //输出结果 {a: 1} {a: 2}