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

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

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

 

 

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

1
2
3
4
5
6
7
8
9
fn1() // fn1
function fn1() {
    console.log("fn1")
}
 
fn2() // 报错
let fn2 =  function(){
  console.log("fn2"
}

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

1
2
3
4
5
6
7
8
9
fn() // b2
function fn() {
  console.log("a1"
}
fn() // b2
function fn() {
  console.log("b2"
}
fn() // b2

  相似题

1
2
3
4
5
6
7
8
9
10
function foo(){
 function bar() {
   return 3;
 }
 return bar();
 function bar() {
   return 8;
 }
}
alert(foo());

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

1
2
3
4
5
6
7
8
9
10
11
function foo() {
  function fn() {
    console.log("普通函数")
  }
  var fn = function(){
    console.log("函数表达式")   
  }   
  return fn()
}
 
foo() // 输出 "函数表达式"

  

 

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// 千万不要这样做!
// 不同浏览器会有不同返回结果,
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();

  

  

  

posted @   感觉678  阅读(42)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示