欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js变量定义提升、this指针指向、运算符优先级、原型、继承、全局变量污染、对象属性及原型属性优先级

程序员文章站 2023-10-27 22:37:52
题目如下: 此题包含7小问: 先看此题的上半部分做了什么,首先定义了一个叫Foo的函数,之后为Foo创建了一个叫getName的静态属性存储了一个匿名函数,之后为Foo的原型对象新创建了一个叫getName的匿名函数。之后又通过函数变量表达式创建了一个getName的函数,最后再声明一个叫getNa ......

参考链接:https://developer.mozilla.org/zh-cn/docs/web/javascript/reference/operators/operator_precedence

 

通过查上表可以得知点(.)的优先级高于new操作,遂相当于是:

new (foo.getname)();

所以实际上将getname函数作为了构造函数来执行,遂弹出2。

第六问:new foo().getname(); //3 

首先看运算符优先级: 括号高于new,实际执行为 (new foo()).getname()

遂先执行foo函数,而foo此时作为构造函数却有返回值,所以这里需要说明下js中的构造函数返回值问题。

构造函数的返回值:

在传统语言中,构造函数不应该有返回值,实际执行的返回值就是此构造函数的实例化对象。

而在js中构造函数可以有返回值也可以没有。

1、没有返回值则按照其他语言一样返回实例化对象。

2、若有返回值则检查其返回值是否为引用类型。如果是非引用类型,如基本类型(string,number,boolean,null,undefined)则与无返回值相同,实际返回其实例化对象。

3、若返回值是引用类型,则实际返回值为这个引用类型。

原题中,返回的是this,而this在构造函数中本来就代表当前实例化对象,遂最终foo函数返回实例化对象。

之后调用实例化对象的getname函数,因为在foo构造函数中没有为实例化对象添加任何属性,遂到当前对象的原型对象(prototype)中寻找getname,找到了。

遂最终输出3。

第七问:new new foo().getname(); //3 

同样是运算符优先级问题。最终实际执行为: 

new ((new foo()).getname)();

先初始化foo的实例化对象,然后将其原型上的getname函数作为构造函数再次new。

遂最终结果为3

===2016年03月23日更新===

这里引用 @于明昊 的评论,更详细的解释了第7问:

这里确实是(new foo()).getname(),但是跟括号优先级高于成员访问没关系,实际上这里成员访问的优先级是最高的,因此先执行了 .getname,但是在进行左侧取值的时候, new foo() 可以理解为两种运算:new 带参数(即 new foo())和函数调用(即 先 foo() 取值之后再 new),而 new 带参数的优先级是高于函数调用的,因此先执行了 new foo(),或得 foo 类的实例对象,再进行了成员访问 .getname。

 

关于第七问的解释有点晕,欢迎大家指点迷津