浅析javascript中函数声明和函数表达式的区别
更新时间：2015年02月15日 09:37:34 投稿：hebedich
这篇文章主要介绍了浅析javascript中函数声明和函数表达式的区别,需要的朋友可以参考下
javascript中声明函数的方法有两种:函数声明式和函数表达式.
区别如下:
1).以函数声明的方法定义的函数,函数名是必须的,而函数表达式的函数名是可选的.
2).以函数声明的方法定义的函数,函数可以在函数声明之前调用,而函数表达式的函数只能在声明之后调用.
3).以函数声明的方法定义的函数并不是真正的声明,它们仅仅可以出现在全局中,或者嵌套在其他的函数中,但是它们不能出现在循环,条件或者try/catch/finally中,而
函数表达式可以在任何地方声明.
下面分别用两种方法定义函数:
复制代码 代码如下:
//函数声明式
function greeting(){
console.log("hello world");
}
//函数表达式
var greeting = function(){
console.log("hello world");
}
下面一个有趣的javascript:
复制代码 代码如下:
function f() { console.log('I am outside!'); }
(function () {
if(false) {
// 重复声明一次函数f
function f() { console.log('I am inside!'); }
}
f();
}());
会输出什么呢?第一反应应该是"I am outside"吧. 结果在chrome中输出"I am inside",IE11直接报错,firefox低一点的版本输出"I am outside"...
chrome输出的结果很明确的反应了用函数声明式声明的函数的特点--函数在声明之前就可以调用.
IE报错显示缺少对象,因为函数声明在了条件里,违背了函数声明式的原则.
函数表达式的作用域:
如果函数表达式声明的函数有函数名,那么这个函数名就相当于这个函数的一个局部变量,只能在函数内部调用,举个栗子:
复制代码 代码如下:
var f = function fact(x) {
if (x <= 1)
return 1;
else
return x*fact(x-1);
};
alert(fact()); // Uncaught ReferenceError: fact is not defined
fact()在函数内部可以调用,在函数外部调用就会报错:fact未定义
以上就是本文的全部内容了，希望大家能够喜欢。
相关文章
在Web开发中,我们经常需要将图片转换为Base64格式,以便在不依赖外部资源的情况下直接在HTML中使用,在这篇文章中,我将向您展示如何使用JavaScript将图片元素转BASE64编码,需要的朋友可以参考下2023-12-12
这篇文章主要为大家详细介绍了js实现筛选功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
本文主要介绍了js获取图像缩放后的实际宽高,位置等信息的方法，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
学习ajax必须得掌握的就是跨域请求,实际上在不同源的地址上发送请求就是跨域请求,本文主要给大家介绍了关于AJAX请求以及解决跨域问题的相关资料,需要的朋友可以参考下2022-11-11
JavaScript Eval 函数使用,需要的朋友可以参考下。2010-03-03
这篇文章我们给大家总结了关于js中Array的方法及技巧，有需要的朋友们可以学习参考下。2018-09-09
这篇文章主要为大家详细介绍了JS+DIV实现拖动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
树形图（Tree Diagram）是用来表示一个概率空间。树形图可以表示独立事件（例如多次掷硬币）和条件概率（例如不放回的抽卡）。本文将利用D3.js实现树形图的绘制，需要的可以参考一下2022-11-11
这篇文章主要为大家详细介绍了微信小程序实现手风琴折叠面板，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
本文给大家分享一段js实例代码实现时钟滴答声效果，效果逼真，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-01-01
最新评论