函数声明、函数表达式、匿名函数、立即执行函数详解

202 阅读5分钟
原文链接: www.cnblogs.com
函数声明、函数表达式、匿名函数、立即执行函数详解 - lichunchun - 博客园
lichunchun
博客园    首页    博问    闪存    新随笔    订阅 订阅    管理 posts - 2,  comments - 0,  trackbacks - 0 函数声明、函数表达式、匿名函数、立即执行函数详解

 定义函数的方式有三种:

1.函数声明:     function  函数名称  (参数:可选)   {   函数体  }

2.函数表达式: var express= function  函数名称:可选  (参数:可选)   {  函数体 }      

3.构造函数:     var fun =new  Function(参数:可选);

最常用的是函数声明和函数表达式。

一:函数声明

从上面的定义可以看出,函数声明是以关键字function开头声明一个函数,然后必须具备一个函数名称。

函数声明有一个非常重要的特征:函数声明提升,javascript引擎在解析代码时,函数声明将会被提升到当前作用域的顶部(跟变量提升非常类似)。正是因为这个特征,所以可以把函数声明放在调用它的语句后面。

 如下例:

foo("hello");   //输出  hello

function foo(name){

console.log(name);

}

二:函数表达式

从上面的定义可以看出,函数表达式是作为表达式语句的一部分存在;当它没有函数名称的时侯,则称为匿名函数;

匿名函数:function ( 参数 ) { 函数体 }   匿名函数属于函数表达式。

函数表达式与函数声明的区别是:函数表达式必须等到Javascirtp引擎执行到它所在行时,才会从上而下一行一行地解析函数表达式,所以,调用它的语句不可以放在它之前。

如下例:

express();  //报错,函数调用必须在函数表达式之后

console.log(express);  //undefined   变量提升

var express=function () {

console.log("hello word!");

}

三:立即执行函数

先看几个例子:

var express=function () {

console.log("hello word!");

}();    //运行,发现函数直接执行,结果输出了"hello word!"

 

function () {

console.log("hello word!");

}();   //报错    Uncaught SyntaxError: Unexpected token )   

因为以function开头,认为是函数声明,结果没有函数名,就报错了

 

function foo() {
console.log("hello word!");
}();   //报错    Uncaught SyntaxError: Unexpected token )    (注意:网上好多文章写的不报错,一看就没有自己验证过)   

虽然,这个function在语法上没问题,但是依然只是一个语句,加上括号依然报错,是因为语句中的分组操作符要包含表达式。

 

综上,我们可以得到,在函数表达式后面紧跟一个小括号(),函数会立即执行,两大要点是:表达式、括号();

所以,立即执行函数的写法就是:

( function(){…} )() 或  ( function (){…} () )  

这里的括弧是消除歧义的,它告诉解析器,里面的内容是表达式。

 

 

 

 

posted on 2017-11-25 15:44 lichunchun 阅读(44) 评论(0) 编辑 收藏 刷新评论刷新页面返回顶部 注册用户登录后才能发表评论,请 登录注册访问网站首页。 【推荐】50万行VC++源码: 大型组态工控、电力仿真CAD与GIS源码库
【新闻】H3 BPM体验平台全面上线
【推荐】Vue.js 2.x 快速入门,大量高效实战示例
【推荐】搭建微信小程序,新用户体验3元起
葡萄城1114 最新IT新闻:
· 讨论:你是否遇到过你完全不能理解的机器学习概念?
· 滴滴高管出走 ofo戴威的少年意气与抗争
· 我们「拿到」了只剩一个猫耳朵的iPhone X
· 创业圈总不说人话,我们试着翻译了一下他们想要表达啥
· 手Q弹竞品广告,网易腾讯昨天险冲突:腾讯及时收手,竞争需公平理智
» 更多新闻... 阿里云1113 最新知识库文章:
· 软件测试转型之路
· 门内门外看招聘
· 大道至简,职场上做人做事做管理
· 关于编程,你的练习是不是有效的?
· 改善程序员生活质量的 3+10 习惯
» 更多知识库文章... 昵称:lichunchun
园龄:30天
粉丝: 1
关注:2 +加关注
< 2017年11月 >
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 1 2
3 4 5 6 7 8 9

搜索

   

常用链接

我的标签

随笔档案

最新评论

阅读排行榜

评论排行榜

推荐排行榜

Copyright ©2017 lichunchun Powered By博客园 模板提供:沪江博客