javascript 函数：中函数声明与函数表达式的区别

// 这里阐述的比较直接，是为了方便自己回顾复习的

参考：https://www.cnblogs.com/isaboy/p/javascript_function.html

 

 

函数表达式没有函数声明头的提升

fn1() // fn1
function fn1() {
    console.log("fn1")
}

fn2() // 报错
let fn2 =  function(){
  console.log("fn2")  
}

函数声明头提升后者会覆盖前者

fn() // b2
function fn() {
  console.log("a1")  
}
fn() // b2
function fn() {
  console.log("b2")  
}
fn() // b2

　　相似题

function foo(){
 function bar() {
 　　return 3;
 }
 return bar();
 function bar() {
 　　return 8;
 }
}
alert(foo());

在使用 var 关键字时函数与变量同名之间的优先级 变量优先。如果使用的是 es6 声明变量关键字 如果出现变量与函数同名会报错

function foo() {
  function fn() {
    console.log("普通函数")
  }
  var fn = function(){
    console.log("函数表达式")    
  }    
  return fn()
}

foo() // 输出 "函数表达式"

　　

 

函数声明通过条件语句控制函数声明的行为并未标准化，因此不同环境下可能会得到不同的结果

// 以下截取：https://www.cnblogs.com/coco1s/p/3959927.html

// 千万不要这样做！
// 不同浏览器会有不同返回结果，
if (true) {
    function foo() {
        return 'first';
    }
} else {
    function foo() {
        return 'second';
    }
}
foo();
 
 
// 记住，这种情况下要使用函数表达式：
var foo;
if (true) {
    foo = function() {
        return 'first';
    };
} else {
    foo = function() {
        return 'second';
    };
}
foo();