javascript中函数声明和函数表达式的区别
展开全部
var init = function() { }; 是函数表达式,函数在代码执行的到当前行的时候才被执行,init 才被赋值。
function init() {} 是函数的声明,和 var 一样,会被提前到代码最前面定义。
所以,下面的两个例子:
foo(); // 在函数声明之后调用 foo,可以正常调用。因为 foo 被提前到最前面定义了。
function foo() {
return true;
}
foo(); // 在函数表达式之前调用函数,报错。因为这时候还没有 foo 这个变量。
var foo = function() {
return foo;
};
ES5 规定,函数只能在顶级作用域和函数作用域中声明,否则是不合法的。例如:
if( true ) {
// 非顶级和函数作用域内定义函数,是错误的,虽然可能浏览器不一定会抛出错误,但是是不规范的。
function foo() {
return true;
}
}
ES6 引入了块级作用域的概念,这种定义方法就被允许了。在块级作用域里面声明的函数,作用域类似于使用 let 声明的变量,在块级作用域之外没有办法被调用。
例如:
{
function foo() {
return true;
}
}
foo(); // 在函数声明的代码块之外调用函数,会抛出错误。
展开全部
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未定义
以上就是本文的全部内容了,希望大家能够喜欢。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2018-06-28 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
什么是 Function Declaration(函数声明)?
Function Declaration 可以定义命名的函数变量,而无需给变量赋值。Function Declaration 是一种独立的结构,不能嵌套在非功能模块中。可以将它类比为 Variable Declaration(变量声明)。就像 Variable Declaration 必须以“var”开头一样,Function Declaration 必须以“function”开头。
什么是 Function Expression(函数表达式)?
Function Expression 将函数定义为表达式语句(通常是变量赋值)的一部分。通过 Function Expression 定义的函数可以是命名的,也可以是匿名的。Function Expression 不能以“function”开头。
Function Declaration 可以定义命名的函数变量,而无需给变量赋值。Function Declaration 是一种独立的结构,不能嵌套在非功能模块中。可以将它类比为 Variable Declaration(变量声明)。就像 Variable Declaration 必须以“var”开头一样,Function Declaration 必须以“function”开头。
什么是 Function Expression(函数表达式)?
Function Expression 将函数定义为表达式语句(通常是变量赋值)的一部分。通过 Function Expression 定义的函数可以是命名的,也可以是匿名的。Function Expression 不能以“function”开头。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询