es6 的出现对产出高质量的代码提供了莫大的帮助，自己用 es6 也已经有一年多的时间了，最近重新再看一遍阮老师的 es6 入门， 总觉一些个人认为比较值得书写笔记的知识点。

let 和 const

暂时性死区 TDZ

ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。

总之，在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（temporal dead zone，简称 TDZ）。

1
2
3
4
5
6
7
8
9
10
11

if (true) {
  // TDZ开始
  tmp = 'abc'; // ReferenceError
  console.log(tmp); // ReferenceError

  let tmp; // TDZ结束
  console.log(tmp); // undefined

  tmp = 123;
  console.log(tmp); // 123
}

上面代码中，在let命令声明变量tmp之前，都属于变量tmp的“死区”。

“暂时性死区”也意味着typeof不再是一个百分之百安全的操作。

1
2
3

typeof x; // ReferenceError
typeof undeclared_variable // "undefined"
let x;

在没有let之前，typeof运算符是百分之百安全的，永远不会报错。现在这一点不成立了。这样的设计是为了让大家养成良好的编程习惯，变量一定要在声明之后使用，否则就报错。

总之，暂时性死区的本质就是，只要一进入当前作用域，所要使用的变量就已经存在了，但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用该变量。

北京最近的天，可真是热啊

Vue 组件间通信

Vue 组件间通信是个老生常谈的问题，在开发中几乎必定会遇到。下面我们先来谈一下基本的通信方法

父传子

• props
• $children

  子传父

• 父组件传递函数给子组件，子组件通过 $emit 触发
• 修改父组件的 props
• 通过 $parent 访问父组件

  兄弟组件

• EventBus

当然了，你也可以用 vuex 解决一切

今天就来谈一种平时不经常用的通信方式， v-model

通过 v-model 进行父子组件通信

场景

在做公司食谱编辑的时候，涉及到表头的编辑，使用的是 contenteditable属性，但是在让他自动聚焦的时候出现了问题，光标出现在了最前面。

从原型到原型链

构造函数创建对象

1
2
3
4
5
6

function Person() {
  
}
var person = new Person();
person.name = 'chenyn';
console.log(person.name);

在这个例子中， Person 就是一个构造函数， person 是构造函数的实例

prototype

每个函数都有一个 prototype 属性

1
2
3
4
5
6
7
8
9
10

function Person() {

}
// 虽然写在注释里，但是你要注意：
// prototype是函数才会有的属性
Person.prototype.name = 'chenyn';
var person1 = new Person();
var person2 = new Person();
console.log(person1.name) // chenyn
console.log(person2.name) // chenyn

函数的 prototype 属性指向了一个对象， 这个对象是调用该构造函数而创建的实例的原型，是例子中 person1、person2的原型

原型可以这样理解： 每一个 JavaScript 对象 （null 除外） 在创建的时候就会与另一个对象产生关联，这就是原型，每一个对象都会从原型’继承’属性

more >>

运算符优先级

非常重要，下面很多地方需要用到

[] == [] 为什么是 false？

数组是引用类型，是对地址的引用，虽然两个都为数组，但是在堆中的地址不同，所以比较结果为 false
more >>

基础的牢固对于阅读源码等有很大的帮助

typeof 的 “安全防御行为”

1 2 3

if (typeof atob === "undefined") { atob = function() { /*..*/ }; }

此处如果在if语句中用var变量声明atob，则会造成变量提升，即使没有走if语句。(参见作用域与闭包)

1
2
3

var a = true
if(!a) {e= 2}
else {c = 1}

打印e 会输出 ReferenceError: e is not defined
而如果

1
2
3

var a = true
if(!a) {var e= 2}
else {c = 1}

输出的为undefined 变量被提升了

gettter 和 setter

去年十一月份接手了一个项目,移动端webapp,已经经历了长达四个月的开发,迭代,维护。特此记录下实践过程中的坑,方便以后查阅。如有不对，请指正，谢谢！

ios端关于date() 兼容性问题

项目中有一关于返回的时间与某一时间戳对比的问题,时间戳返回的为数字,而时间返回的是 ‘2017-02-24 14:58:32’形式用,最开始使用的方法为:

1

var dTime = (new Date(time)).getTime();