浅析javascript中函数声明和函数表达式的区别_Javascript教程-查字典教程网
浅析javascript中函数声明和函数表达式的区别
浅析javascript中函数声明和函数表达式的区别
发布时间:2016-12-30 来源:查字典编辑
摘要:javascript中声明函数的方法有两种:函数声明式和函数表达式.区别如下:1).以函数声明的方法定义的函数,函数名是必须的,而函数表达式...

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未定义

以上就是本文的全部内容了,希望大家能够喜欢。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类