ARTS 第四周（2019.7.29-2019.8.4）

[lianjianbo]

• Algorithm 存在重复
• Review 处理 JS 中 undefined 的 7 个技巧
• tip 近期遇到的tips
• share 关于JS中setTimeout的理解

  Algorithm 存在重复

  代码

  let object = {}
  for (let i = 0; i < nums.length; i++) {
      if (object[nums[i]]) {
          return true;
      }
      object[nums[i]] = true
  }
  return false;

  思路

  将数组里的元素转为对象，判断重复

  Review 处理 JS 中 undefined 的 7 个技巧

  阅读地址：https://juejin.im/post/5d422cf26fb9a06b1b199f32

  undefined的一般会出现以下问题

• TypeError: 'undefined' is not a function
• TypeError: Cannot read property '<prop-name>' of undefined
• type errors JS 有6种基本类型
• Boolean: true 或false
• Number: 1, 6.7, 0xFF
• String: "Gorilla and banana"
• Symbol: Symbol("name")
• Null: null
• Undefined: undefined
• Object类型 1.使用let和const 来代替var 2.增加内聚性 3.检查属性是否存在 4.解构访问对象属性 5.用默认属性填充对象 6.使用默认参数值 7.不要相信自动插入分号

  感悟

对于处理undefined真的是很棘手，需要一步步去调试才能得出结果，因此掌握了这些技巧，对于以后再遇到可谓是如鱼得水了.

tip 近期遇到的tips

1.v-show与v-if的区别 v-if是“真正的”条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。 而v-show就简单得多——不管初始条件是什么，元素总是会被渲染

2. v-on用来绑定事件的，由于v-on很常用所以它也有一个简写方式@如 @click="onClick"@代表v-on: 在用对象同时绑定多个事件时，不能用@代替v-on。
3. v-for可以把数据中的一个数组对应为一组元素 v-for指令需要以item in items形式的特殊语法

   share关于JS中setTimeout的理解

   console.log("1");
   setTimeout(function () { console.log("2")}, 1000)
   console.log("3"); 

   以上会输出1，3，2 这么理解：JS是单线程的，所有的事件运行都需要排队，首先同步的代码先插入对列先执行，异步的代码后插入队列后执行。 setTimeout是异步的，所有的同步代码执行完再执行异步。等待时间是从一开始就计算的，不是同步代码执行完再开始计算。