100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 函数声明式和函数表达式区别

函数声明式和函数表达式区别

时间:2021-07-06 22:37:05

相关推荐

函数声明式和函数表达式区别

javascript中声明函数的方法有两种:函数声明式和函数表达式.

一、区别如下:

1).以函数声明的方法定义的函数,函数名是必须的,而函数表达式的函数名是可选的。(函数声明整体会被提升到当前作用域的顶部,函数表达式也提升到顶部但是只有其变量名提升)

2).以函数声明的方法定义的函数,函数可以在函数声明之前调用,而函数表达式的函数只能在声明之后调用。

3).以函数声明的方法定义的函数并不是真正的声明,它们仅仅可以出现在全局中,或者嵌套在其他的函数中,但是它们不能出现在循环,条件或者try/catch/finally中,而函数表达式可以在任何地方声明。换句话说,函数声明不是一个完整的语句,所以不能出现在if-else,for循环,finally,try catch语句以及with语句中。

二、定义

下面分别用两种方法定义函数:

//函数声明式function greeting(){console.log("hello world"); }//函数表达式var greeting = function(){console.log("hello world"); }

三、例子

下面一个有趣的javascript例子:

function f() {console.log('I am outside!'); }(function () {if(false) {// 重复声明一次函数ffunction 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未定义.

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。