JavaScript中函数声明，函数提升，对象属性和原型属性等问题-蒲公英云

JavaScript中函数声明，函数提升，对象属性和原型属性等问题

冷不防 2022-06-10 06:18 234阅读 0赞

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

则：

1. Foo.getNumber();//2
2. getNumber();//4
3. Foo().getNumber();//1
4. getNumber();//1
5. new Foo.getNumber();//2
6. new Foo().getNumber();//3
7. new new Foo().getNumber();//3

分析如下：

（1）第一问，首先定义了Foo函数，该函数为全局变量getNumber（这里的变量）创建了一个getNumber方法。之后又为Foo创建了一个getNumber（这里的是属性）的静态属性并存储了一个匿名函数。

第一问毫无疑问是访问的Foo的静态属性，因此输出2；

（2）第二问，getNumber()方法直接指向window对象，即window对象调用getNumber方法。此时涉及到函数提升的问题。

var getNumber=function(){…}这个为函数表达式，function getNumber(){…}为函数声明，函数声明能提升函数到这一层最上面，所以实际上的执行顺序是：

function getNumber() { console.log (5);}
var getNumber = function () { console.log (4);};

下面的函数表达式覆盖了上面的函数声明，所以此时的getNumber输出4，属于window对象，因此这一问输出4.

（3）第三问，Foo().getNumber()，这里Foo()执行了该函数，返回this，因为这里是window调用Foo，因此Foo()返回的是window，也就是window.getNumber()，因为getNumber前面没有var，所以指向window的getNumber，因此window的getNumber被重新覆盖，调用该方法后输出1；

（4）第四问，这里直接调用了window的getNumber，因为已经被第三问修改，所以这里还是输出1；

（5）‘.’的优先级高于new，因此从左往右执行，因为构造函数Foo.getNumber()没有返回值，因此直接实例化对象，并输出2；

（6）括号的优先级高于new，因此，执行顺序为