浅析javascript中函数声明和函数表达式的区别
作者:bea
javascript中声明函数的方法有两种:函数声明式和函数表达式. 区别如下: 1).以函数声明的方法定义的函数,函数名是必须的,而函数表达式的函数名是可选的. 2).以函数声明的方法定义的函数,函数可以在函数声明之前调用,而函数表达式的函数只能在声明之后调用. 3).以函数声明的方法定义的函数并不是真正的声明,它们仅仅可以出现在全局中,或者嵌套在其他的函数中,但是它们不能出现在循环,条件或者try/catch/finally中,而 函数表达式可以在任何地方声明. 下面分
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未定义
以上就是本文的全部内容了,希望大家能够喜欢。
有用 | 无用
区别如下:
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未定义
以上就是本文的全部内容了,希望大家能够喜欢。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- js实现双击图片放大单击缩小的方法
- js图片模糊切换显示特效的方法
- js实现单击图片放大图片的方法
- js实现iframe自动自适应高度的方法
- js全选实现和判断是否有复选框选中的方法
- Jquery树插件zTree用法入门教程
- js实现九宫格图片半透明渐显特效的方法
- JS+CSS实现Li列表隔行换色效果的方法
- JavaScript实现文字与图片拖拽效果的方法
- jQuery实现点击图片翻页展示效果的方法
- JS+CSS实现可拖动的弹出提示框
- js实现下拉框选择要显示图片的方法
- js实现点击图片将图片地址复制到粘贴板的方法
- js实现鼠标经过时图片滚动停止的方法
- js鼠标点击图片实现随机变换图片的方法
- JavaScript简介
- JavaScript的原型继承详解
- javascript 闭包详解
- PhotoShop给图片自动添加边框及EXIF信息的JS脚本