ES6类的简写技巧

1、声明变量


在函数开始之前,对变量初始化赋值是一个很好的习惯,如果存在多个变量

let x;

lex y;

lex z = 3;

可以简写为 let x,y,z = 3;

2、在使用If进行基本判断时可以省略赋值运算符


if(a === true) 可以写成if(a)

3、多行字符串拼接可以用``代替’’+


let a = ‘adsa’

  • ‘dasd’;

可以写为 let a = `adsa

dasd`;

4、 对象属性


ES6提供了一个很简单的办法,来分配属性的对象。如果属性名和key名相同,则可以使用简写。

const obj = {x:x, y:y};

可以简写为

const obj = {x, y};

5.解构赋值5.1对象的解构赋值--------块数地从对象中获取元素

6. ES6开展运算符 ... 

1. … 展开数组

var a = [1,2,3]

var b = [4,5,6]

//console.log(a,concat(b))

//concat is not defined var c = [...a,...b] console.log(c)  // [1, 2, 3, 4, 5, 6]

2. … 复制

var a = [1,2,3]

var b = [...a]

b[0] = "kerwin"

console.log(a,b)  // [1, 2, 3] ['kerwin', 2, 3]

3. 合并 注意:在合并的时候,同名后面的会把前面的覆盖掉

var obj1 = { name:"kerwin",  age:18,   }      

var obj2 = {  location:"dalian" }      

var obj = {  ...obj1,   ...obj2 }    

 console.log(obj)  //{name: 'kerwin', age: 18, location: 'dalian'}

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值