JS中新手轻易疑心的题目，是变量?是属性?this的指向?

2019年8月30日 169次阅读 来源: Jiavan

题目

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举行属性接见？

嗯，也许就这样，有不对不严谨的处所迎接指出。

    原文作者：Jiavan
    原文地址: https://segmentfault.com/a/1190000004916716
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞