Java教程

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

本文主要是介绍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();

  

  

  

这篇关于javascript 函数:中函数声明与函数表达式的区别的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!