js 原型链、作用域经典面试题（附解析）

本文主要是介绍js 原型链、作用域经典面试题（附解析），对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

function Foo(){
    getName = function(){
        console.log(1)
    }
    return this;
}
Foo.getName = function(){
    console.log(2)
}
Foo.prototype.getName = function(){
    console.log(3)
}
var getName = function(){
    console.log(4)
} 
function getName(){
    console.log(5)
}

//打印结果
Foo.getName();//2 此时函数未执行，可将Foo看为一个对象，调用对象中的getName方法

getName();//4 预编译过程中，首先寻找变量声明var getName，为undefined。
        //再寻找函数声明getName(){}，并赋值，此时getName:getName(){}，
        //代码开始执行，执行到为getName变量赋值，此时getName:function(){console.log(4)}
        
Foo().getName();//1 Foo()时函数执行，函数体内有getName方法，但未使用var声明，
        //所以getName的作用域是全局，Foo()指向结果返回值为this，this此时指向全局
        //所以此时调用的是全局的getName()
        
getName();//1 独立调用，经上一步Foo()执行之后，其函数体中的getName方法已存在于全局

new Foo.getName();//2 符号.的优先级比new高，所以先执行Foo.getName()
        //仍可看为调用Foo对象中的getName()方法，为2，new 2也为2
        
new Foo().getName();//3 new Foo()为默认规则，所以先执行，
            //new Foo().getName()可看为构造函数Foo的实例化对象.getName()，
            //此时构造函数中没有this.getName(){}方法供实例对象调用，
            //所以要在构造函数的原型对象上找，原型对象中存在此方法，所以为3
            
new new Foo().getName();//3 此步骤与上步类似，只多了一个new，所以为new 3，结果还是3

这篇关于js 原型链、作用域经典面试题（附解析）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！