JS —— 立即执行表达式

了解立即表达式前我们来回顾下函数表达式吧。定义函数的方式有两种:一种是函数声明,另一种就是函数表达式。我们最熟悉的函数表达式肯定是匿名函数赋值给变量。

var method = function(){ 
console.log("this is a function")
}
method() //this is a function

函数表达式不是我们的主角,在以上代码中,匿名函数被赋值给了变量method,通过变量名+()就执行了函数,这样说你是不是发现了什么?变量名后面的()就是立即执行表达式,函数表达式+()就能立即执行该函数(划重点)。对此我是这样理解的(才疏学浅,理解错误还请告知)

不管是函数申明还是函数表达式,都有一个函数名,这个函数名是函数在内存中的地址,浏览器要执行函数代码需靠它寻址,而()的功能就是告知浏览器,我要执行这个函数,麻烦你通过它的地址找到它并执行代码。匿名函数并没有将自己的地址告诉给任何变量,所以一般要调用匿名函数需要立即调用表达式。

大家再看看以下代码

function(){
    // write something here
}()
这里浏览器会报错!!!

为什么呢?明明匿名函数可以将自己赋值给变量,那匿名函数不就相当于会返回自己的地址么?其实不然,在var method = function(){ }中, JavaScript 将 function 关键字当作一个函数声明的开始,而函数声明后面不能跟圆括号。然而,函数表达式的后面可以跟圆括号。要将函数声明转换成函数表达式,只要像下面这样给它加上一对圆括号即可

(function(){
    // write something here
})()

代码中的一对括号就是将函数申明转换为函数表达式,相同的功能还有!,+,-,=,这也解释了为什么method是函数表达式了,因为 = 将匿名函数转化为了函数表达式,值得注意的是在匿名函数赋值时不能使用+,-,!,应为他们会将函数表达式直接进行类型转换——NaN或false。

(function(a){
    console.log(a);   //firebug输出1234,使用()运算符
}(1234));
 
!function(a){
    console.log(a);   //firebug输出12345,使用!运算符
}(12345);
 
+function(a){
    console.log(a);   //firebug输出123456,使用+运算符
}(123456);
 
-function(a){
    console.log(a);   //firebug输出1234567,使用-运算符
}(1234567);

那函数(匿名函数)到底会不会返回值呢?我试了下用console.log()输出函数,结果如下:



console.log会直接打印函数,匿名函数亦同


那直接将带名的函数赋值会怎么样呢?


将已经申明的函数赋值给变量,就会发现函数申明中出现的函数名,此处为d会无效,但是查询函数的名字,又是d。
(Firefox、 Safari、 Chrome 和 Opera 都给函数定义了一个非标准的 name 属性,通过这个属性可以访问到给函数指定的名字。这个属性的值永远等于跟在 function 关键字后面的标识符。

//只在 Firefox、 Safari、 Chrome 和 Opera 有效
alert(functionName.name); //"functionName")

在以上代码中我们可以发现,函数申明的方式进行函数表达式赋值,被申明的函数名(例如函数d)会无效化,也就是函数表达式会直接将其视为匿名函数,但是并不会更改函数的.name属性

总结

  • 函数表达式:变量名 = 匿名函数 >>> m = function(){}
  • 立即执行表达式 >>> (function())() 或 (function()())
  • 匿名函数转换为函数表达式:+,-,!,=,()
  • 已经有名字的函数(有名函数)和匿名函数,直接打印会输出函数本身及其代码
  • 直接将函数申明赋值给变量会将函数地址所有权转让给变量,而函数名会失去函数表达式的功能
  • 函数一旦被命名,函数名.name的值就固定了,不会改变(匿名函数属于未命名状态)
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容

  • 今天下班后,朋友拖着我去花都逛街,准备给自己买衣服裤子,我只好不情不愿的陪他来,结果逛了一整天,他居然什么也没买,...
    肆零柒阅读 341评论 0 0
  • 眼前的山 黄了又绿,绿了又黄 多少雨打风霜 不改生命的航向 不像我这样的人 每天来去匆忙 对于脚下的路 却不知道是...
    韩不问阅读 278评论 0 4
  • 戒指是彩虹 争执是玫瑰 葡萄酒是重锤 结痂的伤口被人用指甲盖 轻轻掀开 露出新生的粉红色嫩肉 连衣裙是洋红 天空是...
    腹黑大大阅读 297评论 0 0
  • 在2017年的7月8日,我和在机场认识的中国人一同结伴踏上了印尼这个国土。我选择的志愿地方是印尼望加锡。它是一个海...
    JaniceChow阅读 775评论 0 2