AI智能
改变未来

js逻辑题分析

一.针对于预加载,变量提升
function Foo(){
getName=function (){alert(1)}
return this;
}

Foo.getName=function () {alert(2)}
Foo.prototype.getName=function () {alert(3)}
var getName=function () {alert(4)}
function getName() {alert(5)}

判断下面输出的结果
Foo.getName()
getName()
Foo().getName()
getName()
new Foo.getName()
new Foo().getName()
new new Foo().getName()

Foo.getName() //输出是2 因为函数本身也是一个对象,所以会执行Foo.getName=function () {alert(2)}

getName() //输出是4 因为js代码在执行的时候是从上往下开始执行,优先加载function ,等到执行到 var getName=function () {alert(4)} 会将 getName=function (){alert(1)} 给覆盖掉

Foo().getName() //输出是1 因为 Foo()对应着

function Foo(){
getName=function (){alert(1)}
return this;
}
执行出来的就是1

getName() //输出是1 这个输出和作用域和作用连有关系 优先加载
function Foo(){
getName=function (){alert(1)}
return this;
}
时候getName并没有 声明 没有使用 var 或let所以 1

new Foo.getName() //输出的是2 因为 执行的时候 Foo.getName=function () {alert(2)} 会执行他

new Foo().getName() //输出的是3 因为一个函数对象不是指向自己 就是 prototype 所以就是输出·3

new new Foo().getName() //输出的是3 不管new 多少次 还是还上题一样

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » js逻辑题分析