js变量定义提升、this指针指向、运算符优先级、原型、继承、全局变量污染、对象属性及原型属性优先级
参考链接: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。
关于第七问的解释有点晕,欢迎大家指点迷津
上一篇: react入门(上)
下一篇: iOS中Block循环引用的问题