一道超级复杂的js题目

布满荆棘的人生 2021-07-05 02:14 273阅读 0赞

先看以下代码：

怎么样？是不是有点糊涂了。

首先要明确下面一些基本知识：

1、 `this`的指向只取决于调用的方式,，函数定义里面的`this`指向全局的`window`；

`new`的过程：新建对象，让`this`指向它，返回`this`。

普通的函数调用时得到的值是`return`的返回值，`new` 得到值可能是`this`也有可能是`return` 的值，这取决于`return`后面数据的类型。

2、实例化对象访问一个属性的顺序，先看自身有没有这个属性，再看访问原型里的。  
3、`new` 后面跟的是一个构造函数，则会创建一个对象。如果是一个构造函数的属性名称，那么没有任何作用。

`new` 只会和离他最近的`()`结合

请看下面的一张图：  
![在这里插入图片描述][20201206215558138.png]  
一开始`Foo.getName()`为`1`，第5行代码将它修改为`2`，所以`Foo.getName()`的输出为`2`；

`getName()` 是全局调用，函数提升优先于变量提升，到了第7行代码`getName()`被修改为`4`,所以输出为`4`；

`Foo()`是函数调用，得到的是`return`后面的值`this`，`this`指向`window`，并且第2行代码将`getName()`修改为`1`，所以结果为`1`

同理，`getName()`的输出也是为`1`；

`new Foo.getName()` `new`没有任何作用,这里是方法调用，输出值为`2`

`new Foo().getName()` `new`和最近的一个`()`结合，所以得到了一个实例化对象，实例化对象自身没有`getName`这个属性，所以访问原型里面的`getName`，为 `3`

`new new Foo().getName()` 最前面的`new`没有任何意义，同上一个

[20201206215558138.png]: /images/20210704/dfd172de3dc4435f9e6eb73e7e9baf32.png

还没有评论，来说两句吧...