用函数名定义的函数,会整体提升到当前作用域的顶端,所以在函数定义前后都可以调用。
用函数表达式定义的函数,var fn;会提升,函数体不会提升,所以在函数之前调用fn();会报错。
fn();//我是fn
function fn(){
alert(‘我是fn’);
}
fn();//我是fn
fn();//报错,因为fn的函数体并没有被提升,此时只是var fn;被提升了
console.log(fn); //undefined
var fn = function() {
alert(‘我是fn’);
}
fn();//我是fn
var a = 5;
a = function(){
alert(‘哈哈’);
}
a();//哈哈
解析:首先给a赋值为5,然后给a赋了一个函数,调用这个函数,结果是哈哈。
var a = 5;
function a() {
alert(‘哈哈’);
}
console.log(a);//5
a(); //报错 a is not a function
解析:var a; function a() {alert(‘哈哈’);} 都提升到了当前作用域的顶端,也就是说刚开始a是声明了未赋值,接着给a赋了一个函数,然后接着看没有被提升的代码,a=5; 5覆盖掉了函数,此时a=5;所以打印出来的是5,去调用a();就是调用5();所以报错。
var a = 5;
a = function() {
console.log(a); //自己的函数体
}
a();
解析:首先给a声明赋值为5,然后函数覆盖掉了5,调用a();里面打印a,就是打印a自己的函数体。
var fn1 = function() {
fn1 = 5;
}
fn1();//可以执行
fn1();//fn1 is not a function
解析:第一个fn1();调用的时候首先给fn1赋值为一个函数,接着fn1 = 5;由于函数内部没有定义fn1,所以是函数外部的,就是5把函数覆盖掉了,此时fn1 = 5;这样第一个fn1();就执行结束了;第二个fn1();就相当于5();所以报错。
var fn1 = function() {
var fn1 = 5;
}
fn1();//可以执行
fn1();//可以执行
解析:第一个fn1();调用的时候首先给fn1赋值为一个函数,接着在函数内部给fn1赋值为5,这样第一个fn1();就执行结束了,此时fn1还是个函数;第二个fn1();依然是执行这个函数。