博客

常用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}