ES6 以上的个人遇到的知识积累

… 数组/对象的扩展

• 在我一开始看到…后面带参数是我写vue中时使用vuex引入数据的时候使用的
• 在一开始我只是以为它只是vuex引入数据的写法
• 但是在我再次遇到的时候我对这个表示很疑惑，所以就问人
• 通过查阅资料和他人的告知我知道了这个是数组/对象的扩展是es6以上的知识
• 我就去查阅了es6+的资料并知道了是着么的一个东西
• 相当于把整个对象搬迁过来本地一样

1. 对象 (分开放test.js)

   var test = {
       test1 (e) {
           console.log(e);
       }
   }
   
   export {test}

2. 引入方法

   import {test}  from './test.js'
   
   // 小程序中使用
   Page({
     // 函数的扩展 es6+  等于new一个类
     ...detailsTpl,
   
   
     test() {
         // 在内部就可以直接用this来使用，相当于把整个函数搬迁过来了
         this.test1('测试');
     }
   
   })

for in/for of

• for of一直都没着么关注看到别人说是es6的语法改进了for in 的不足就去看看
• 这个of 呢不能用在对象哦，用在数组是可以的
• 这个of和foreach好像没啥区别啊….,官网说是用来代替foreach实例的

  let arr = ['a','b','c','d','e'];
  // 这个呢是用了做一个小实验
  arr.foo = "hello"
  
  // 先看看 数组的情况
  // of里面是不会输出上面的foo的
  for (const e of arr) {
      console.log(e)
  } // a,b,c,d,e
  // 看看foreach
  // foreach 这个也是一样的
  arr.forEach(item => {
      console.log(item)
  })// a,b,c,d,e
  
  // 这个就不同的，它会输出foo
  for (const e in arr) {
      console.log(e)
  } // 0,1,2,3,4,foo

---

• 看看用在对象里面
• 对象是不可以使用的，直接报错

  let object = {'a':11,'b':22,'c':33}
  
  // 先看看 数组的情况
  for (const e of object) {
      console.log(e)
  } // error
  for (const e in arr) {
      console.log(e)
  } // // a,b,c,d,e