变量声明和函数声明提升
var getName = function(){ console.log(2); } function getName (){ console.log(1); } getName();
上面输出结果为2
function getName(){ //函数声明提升到顶部
console.log(1);
}
var getName; //变量声明提升
getName = function(){ //变量赋值依然保留在原来的位置
console.log(2);
}
getName(); // 最终输出:2
函数首先会被提升,然后才是变量
以下输出结果依次为2 4 1 1 2 3 3
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(); 弹出2 getName(); 因为function getName(){alert(5)}声明在最上面,执行时结果被覆盖掉所以弹出4 Foo().getName(); Foo()返回的是window,Foo()执行的时候要找getName变量,找到外面的变量getName,被重新赋值为内部的function(){alert(1)}所以弹出1 getName(); getName被上一步赋值为1,所以此处弹出1 new Foo.getName(); new (Foo.getName)()弹出2 new Foo().getName(); (new Foo()).getName();new Foo()执行后返回的实例上没有getName属性,去原型上找输出3 new new Foo().getName(); new ((new Foo()).getName)();先初始化Foo的实例化对象,然后将其原型上的getName函数作为构造函数再次new,故最终结果为3
posted on 2019-06-25 23:06 yemiaomiao 阅读(125) 评论(0) 编辑 收藏 举报