1 / 17
文档名称:

墨少亲够了吗 ES6这些就够了.docx

格式:docx   大小:17KB   页数:17页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

墨少亲够了吗 ES6这些就够了.docx

上传人:业精于勤 2022/6/13 文件大小:17 KB

下载得到文件列表

墨少亲够了吗 ES6这些就够了.docx

相关文档

文档介绍

文档介绍:墨少亲够了吗 ES6这些就够了

  刚开始用vue或react,诸多时候我们所有会把ES6这个大兄弟加入我们的技术栈中。但是ES6那么多那么多特性,我们需要所有所有掌握吗?秉着二八原则,掌握好常用的,有用的这个可以让我们迅速起飞。
 
  }
  action //200
  action //300
  箭头函数
  ES6很故意思的一部分就是函数的快捷写法。也就是箭头函数。
  箭头函数最直观的三个特点。
  不需要function核心字来创立函数
  省略return核心字
  继承目前上下文的 this 核心字
  //例如:
  [1,2,3].map
  //等同于:
  [1,2,3].map{
     return x + 1
  }).bind)
  说个小细节。
  当你的函数有且仅有一种参数的时候,是可以省略掉括号的。当你函数返回有且仅有一种表达式的时候可以省略{};
  例如:
  var people = name => 'hello' + name
  //参数name就没有括号
  作为参照
  var people = => {
     const fullName = 'h' + name
     return fullName
  } 
  //如果缺少或{}就会报错
  对象初始化简写
  ES5我们对于对象所有是以键值对的形式书写,是有也许浮现键值对重名的。例如:
  function people {
     return {
         name: name,
         age: age
     };
  }
  键值对重名,ES6可以简写如下:
  function people {
     return {
         name,
         age
     };
  }
  ES6 同样改善了为对象字面量措施赋值的语法。ES5为对象添加措施:
  const people = {
     name: 'lux',
     getName: function {
        
     }
  }
  ES6通过省略冒号和 function 核心字,将这个语法变得更简洁
  const people = {
     name: 'lux',
     getName {
        
     }
  }
  ES6 对象提供了这个措施来实现浅复制。可以把任意多种源对象自身可枚举的属性拷贝给目的对象,然后返回目的对象。第一参数即为目的对象。在实际项目中,我们为了不变化源对象。一般会把目的对象传为{}
  const obj =
  数组和对象是JS中最常用也是最重要表达形式。为了简化提取信息,ES6新增理解构,这是将一种数据构造分解为更小的部分的过程
  ES5我们提取对象中的信息形式如下:
  const people = {
     name: 'lux',
     age: 20
  }
  const name =
  const age =
  是不是觉得很熟悉,没错,在ES6之前我们就是这样获取对象信息的,一种一种获取。目前,解构能让我们从对象或数组里取出数据存为变量,例如
  //对象
  const people = {
     name: 'lux',
     age: 20
  }
  const { name, age } = people
  //数组
  const color = ['red', 'blue']
  const [first, second] = color
  //'red'
  //'blue'
  ES6中此外一种好玩的特性就是Spread Operator 也是三个点儿...接下来就展示一下它的用途。
  组装对象或数组
  //数组
  const color = ['red', 'yellow']
  const colorful = [...color, 'green', 'pink']
  //[red, yellow, green, pink]
  //对象
  const alp = { fist: 'a', second: 'b'}
  const alphabets = { ...alp, third: 'c' }
  //{ "fist": "a", "second": "b", "third": "c"
  }
  有时候我们想获取数组或对象除了