[关闭]
@15013890200 2018-08-24T17:41:05.000000Z 字数 589 阅读 536

关于es6的一些新特性

原生javascript es6

es6问世已经有一段时间了,由于本人17年才毕业,头一年专注于写基本业务。忽略了对这些新知识点的学习。最近终于得空,好好整理和学习这些花里胡哨的新东西啦!
本文笔者没打算记成流水账形式,并不会记录所有的关于es6的新特性,而是笔者认为使用价值很高,且不容易让人想到的新特性(自动忽略箭头函数、let、const等极其常用新特性) -_-


1、 ...运算符(扩展运算符)

初次见到有人使用这家伙,还以为是省略号呢。(小东西长得真随意),后来才了解,这家伙作用可大着哩!!

1.1 求数组的最大值

  1. Math.max.apply(null, [14, 3, 77]) //es5写法
  2. Math.max(...[14, 3, 77]) //es6写法
  3. // 等同于
  4. Math.max(14, 3, 77);

1.2 拼接数组

  1. var a1 = [1,2,3];
  2. var a2 = [4,5,6];
  3. Array.prototype.push.apply(a1,a2) //es5写法 [1,2,3,4,5,6]
  4. a1.push(...a2) //es6写法 [1,2,3,4,5,6]
  5. //借助concat
  6. a1.concat(a2) //es5写法
  7. [...a1,...a2] //es6写法

1.3 将字符串转化为数组

  1. var str = 'hello';
  2. str.split('') // es5写法
  3. [...str] //es6写法
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注