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

legendaryedu 发布于2019-08-19 18:05 / 2389人阅读

摘要：其实是有函数生成的，它是函数的一个内部属性，与一样也是函数的内部属性，它是在函数执行时被生成，那么值呢的值始终是指向函数据以执行的环境。

问题

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进行属性访问？

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

GPU云服务器云服务器 js全局变量是否是线程安全的 this的指向容易混淆的问题 php的变量名是变量

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79176.html

JavasScript重难点知识

摘要：忍者级别的函数操作对于什么是匿名函数，这里就不做过多介绍了。我们需要知道的是，对于而言，匿名函数是一个很重要且具有逻辑性的特性。通常，匿名函数的使用情况是创建一个供以后使用的函数。 JS 中的递归递归, 递归基础, 斐波那契数列, 使用递归方式深拷贝, 自定义事件添加这一次，彻底弄懂 JavaScript 执行机制本文的目的就是要保证你彻底弄懂javascript的执行机制，如果...

forsigner 2019-08-21 18:36 评论0 收藏0
ES6中的class的使用

摘要：的传统生成一个类的方法，需要定义一个构造函数，然后通过的方式生成。定义类父类定义子类，继承父类可以调用父类的方法如果子类中有构造函数，则必须使用调用。这是因为子类没有自己的对象，而是继承父类的对象，然后对其进行加工。 js的传统生成一个类的方法，需要定义一个构造函数，然后通过new的方式生成。 function Cat() { this.name = kitty; th...

brianway 2019-08-23 12:09 评论0 收藏0
[翻译] JavaScript Scoping and Hoisting

摘要：对于新手来说是最令人困惑的部分之一。函数声明通过的形式。很明显的，语言自身定义和函数形参已经处于作用域顶端。这就意味着，函数声明比变量声明具有更高的优先级。但是这却不意味着对这个名称的赋值无效，仅仅是声明的部分会被忽略而已。原文链接：JavaScript Scoping and Hoisting 你知道下面的JavaScript代码执行后会alert出什么值吗？ var foo = ...

FingerLiu 2019-08-19 17:27 评论0 收藏0
JavaScript系列（四） - 收藏集 - 掘金

摘要：函数式编程前端掘金引言面向对象编程一直以来都是中的主导范式。函数式编程是一种强调减少对程序外部状态产生改变的方式。 JavaScript 函数式编程 - 前端 - 掘金引言面向对象编程一直以来都是JavaScript中的主导范式。JavaScript作为一门多范式编程语言，然而，近几年，函数式编程越来越多得受到开发者的青睐。函数式编程是一种强调减少对程序外部状态产生改变的方式。因此，...

cfanr 2019-08-20 16:33 评论0 收藏0
[翻译]You Don't Know JS: this & Object Prot

摘要：引用是从匿名函数内部引用自身的唯一方法，不过，最好的方法是避免使用匿名函数，至少在那些需要引用自身的时候，使用命名函数或者表达式。 [翻译]Chapter1 this or that 第一次翻译，翻译的不好，已经再尽全力s去翻译了,如果哪里看不明点，请出门左转下边原文地址英文原文点击这里 javascript中最令人困惑的东西就是this关键字，它在每个函数作用域中都会自动定义的一个...

mingzhong 2019-08-20 15:45 评论0 收藏0