JS中新手容易困惑的问题，是变量?是属性?this的指向?

问题

case1：

var a = {
    name: 'jiavan',
    bname: name
};
console.log(a.bname);

case2：

var a = {
    name: 'jiavan',
    bname: this.name
};
console.log(a.bname);

case3：

var a = {
    name: 'jiavan',
    bname: a.name
};
console.log(bname);

分析

先看case1，这是一个基础差的同学经常犯的一个错误，在对象内部，把对象的属性当变量使用，它的输出结果是空的，那么为什么呢？我用新的一段代码解释下：

var a = {
    'name': 'jiavan',
    bname: name
};
console.log(a.bname);

注意'name'与name的区别，一个是对象属性，一个是变量，而且重要的是在对象内的这个name变量还没有被var声明，所以成为了全局变量，不信你可以看看window下是否挂载了一个name。

case2，this是一个古老的传说，上面的结果会与case1一样。值得注意的是，很多人没有搞懂this是有谁生成的，具体的值是什么，上面直接在对象的属性值中使用了this，此时this是指向全局，即window的(浏览器环境下)，那么this何时生成。

其实this是有函数生成的，它是函数的一个内部属性，与arguments一样也是函数的内部属性，它是在函数执行时被生成，那么值呢？this的值始终是指向函数据以执行的环境。简单的可以理解为调用函数的对象。

在js中只有两种作用域，一种是全局，一种是函数级作用域(可以利用其模仿块级作用域)，直接在对象属性中使用this那么此时this就是window，而且还在全局上挂载了一个name属性没有值。

case3，看了前面两个的分析，第三个应该就很容易理解了，在cname属性上使用了a.name而a还没有完成定义是不能直接使用的，此时直接给window挂载了一个变量a还对其进行了属性name的访问，变量不赋初值是默认undefined的，那么你能对一个undefined进行属性访问？

嗯，大概就这样，有不对不严谨的地方欢迎指出。