转载 JavaScript的函数声明与函数表达式的区别
JavaScript 函数 区别 转载 表达式 声明
2023-09-27 14:23:18 时间
1)函数声明(Function Declaration);
// 函数声明 function funDeclaration(type){ return type==="Declaration"; }
2)函数表达式(Function Expression)。
// 函数表达式 var funExpression = function(type){ return type==="Expression"; }
Javascript 中函数声明和函数表达式是存在区别的,函数声明在JS解析时进行函数提升,因此在同一个作用域内,不管函数声明在哪里定义,该函数都可以进行调用。而函数表达式的值是在JS运行时确定,并且在表达式赋值完成后,该函数才能调用。这个微小的区别,可能会导致JS代码出现意想不到的bug,让你陷入莫名的陷阱中。如下代码:
1 funDeclaration("Declaration");//=> true 2 function funDeclaration(type){ 3 return type==="Declaration"; 4 }
1 funExpression("Expression");//=>error 2 var funExpression = function(type){ 3 return type==="Expression"; 4 }
出现上面的错误是因为用函数声明创建的函数可以在函数解析后调用(解析时进行等逻辑处理);而用函数表达式创建的函数是在运行时进行赋值,且要等到表达式赋值完成后才能调用。其本质原因体现在这两种类型在Javascript function hoisting(函数提升)和运行时机(解析时/运行时)上的差异。
上面两段代码的函数提升可示意为下图:
代码1段JS函数等同于:
function funDeclaration(type){ return type==="Declaration"; } funDeclaration("Declaration");//=> true
代码2段JS函数等同于:
var funExpression; funExpression("Expression");//==>error funExpression = function(type){ return type==="Expression"; }
相关文章
- JavaScript 的 parseInt() 函数
- Javascript:apply()函数、call()函数
- 深入浅出JavaScript之原型链和继承
- 使用JavaScript修改浏览器URL地址栏的实现代码
- JavaScript 开发中常用函数
- JavaScript-->流程控制语句*笔记
- 【JavaScript】函数返回值
- 【JavaScript】打造自己的函数
- JS,Javascript加载与函数执行过程
- 轻松学习JavaScript二十一:DOM编程学习之获取元素节点的子节点和属性节点
- JavaScript hasOwnProperty() 函数详解【转】
- 使用 JavaScript自定义函数计算出教室的体积大小,其中教室的长、宽、高分别为 8 米、5 米、3 米
- JavaScript之函数防抖、节流
- javaScript 11 作用域·箭头函数·数组解构进阶
- 【笔记】再学JavaScript ES(6-10)全版本语法——参数、箭头函数
- android之Java+html+javascript混合开发
- javascript获取当前标签的文字
- 为什么用 JavaScript 学习函数式编程?(软件编写)(第二部分)
- JavaScript教程:JavaScript如何判定用户浏览器类型和版本号?
- 图解 Google V8 # 02:函数即对象:一篇文章彻底搞懂 JavaScript 的函数特点
- javascript 函数重载 overloading
- javascript普通链表及双向链表
- 工作中常用的javascript常识
- 一些手写JavaScript常用的函数汇总
- 开发中常用的 25 个JavaScript 单行代码
- JavaScript 回调函数