美文网首页
从函数声明和函数表达式看js的变量提升

从函数声明和函数表达式看js的变量提升

作者: 灯不梨喵 | 来源:发表于2017-11-10 22:33 被阅读0次

今日一题:

var func=function a(){

alert(typeof a);

};

func();//function

alert(typeof a);//undefined

正确答案是function undefined

然而我在第一次做的时候出现了惨案【。

有多惨就不说了。

首先阐述一下思路。

这里有一个函数表达式,

函数表达式形如var func =function(arg1,arg2,...){}

var func =function(arg1,arg2,...){} //匿名函数表达式

var func =function functionName(arg1,arg2,...){}//带有标识符的函数表达式

看到这里,带有标识符的函数表达式莫不是有两个名字??

又到了瞎说时间。

王小明的名字叫做王小明,但是他很中二,给自己起了个艺名叫王日天,那么在同学老师家长的眼中,他们会承认王小明是王日天吗?小明做了坏事,留下一个名号叫王日天,那么江湖流传的名字是王日天吗?答案是NO。

所以王小明只能在心里暗暗地自称,我王日天如何如何。明面上,还是大家的王小明

var xiaoming = function wangritian(){//want to do sth...}

在js里,道理是一样的。变量var xiaoming自称我就是function wangritian(){},然而全局里面大家怎么说的,认得还是你叫xiaoming,至于wangritian这个名字,就在函数内部递归使用吧。私底下爱怎么样怎么样,你做什么事,大家还是认着你的大名。

console.log(typeof wangritian);//"Uncaught ReferenceError: wangritian is not defined(…)"

console.log(typeof xiaoming);//function

由此已经弄清除函数表达式的机制了。那么同样是声明函数,直接声明函数和使用函数表达式有什么区别?

它们的意义没什么不同,但是优先级不太一样。函数声明会在JavaScript代码加载后、执行前被解释,而函数表达式只有在执行到这一行代码时才会被解释

王小明这个人,是有迹可循的,那么他要干什么,不用声明了。但是当王日天又不一样,他得先说一声,他是王日天本人,然后再做事。

xiaoming();//"我是小明"

function xiaoming(){alert("我是小明")};

----

xiaoming();//undefined

var xiaoming=functionwangritian(){alert("我是小明,也是王日天")};

xiaoming();//"我是小明,也是王日天"

函数声明是在预执行期执行的,就是说函数声明是在浏览器准备执行代码的时候执行的。因为函数声明在预执行期被执行,所以到了执行期,函数声明就不再执行。

JS里面有一个事情叫变量提升(Hoisting)(有一次笔试楞没记起来英文什么意思,坑了):

JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。JavaScript 中,变量可以在使用后声明,也就是变量可以先使用再声明。(记忆:先上车后补票)

wangxiaoming='haha';

console.log(wangxiaoming);//'haha'

var wangxiaoming;

然而,初始化没有提升的机会

var wangritian='wangritian';

console.log(wangritian,wangxiaoming);//'wangritian',undefined;

var wangxiaoming='我考了59分';

等于这样:

var wangritian='wangritian';

var wangxiaoming;

console.log(wangritian,wangxiaoming);//'wangritian',undefined;

wangxiaoming='我考了59分';

整个文章的例子比较乱,纯属自嗨。

总结:函数表达式的“真名”是它所声明的变量名,而标识符的名字则限于函数内部使用;变量提升,未初始化的变量,js会将其提升至作用域的最顶部,而已初始化的则不能提升。所以函数声明可以提升,函数表达式不行。

相关文章

  • js变量声明提升与函数表达式

    1.变量声明提升 js引擎会把变量声明与函数声明都提升到当前函数的顶部。eg: js引擎编译为 2.函数表达式 对...

  • 第五章 Function类型

    简介(函数是对象) 没有重载 函数声明和函数表达式 变量提升和函数声明提升 作为值的函数 函数内部属性(calle...

  • 函数与作用域

    函数声明和函数表达式有什么区别 函数声明会提升到当前作用于执行之前;而函数表达式提升的声明是变量的声明。 函数声明...

  • 闭包

    提升 1 变量提升 2 函数表达式 函数表达式的提升 === 变量提升 3 函数声明 demo 执行环境&词法作用...

  • js中变量和函数声明的提升

    二 、 js中变量和函数声明的提升

  • JS笔记 命名问题

    JS中函数和变量重名时,后声明的覆盖先声明的,后赋值的覆盖先赋值的。 变量提升和函数提升时,变量的声明是在函数的声...

  • var 函数声明和函数表达式

    1 js变量声明的作用域是以函数为单位的函数内部:var 局部没var 全局2 函数声明和函数表达式 函数声明:...

  • js函数

    函数声明和函数表达式有什么区别 函数声明: 函数表达式: JavaScript 解释器中存在一种变量声明被提升的机...

  • 进阶3

    函数声明和函数表达式有什么区别 使用函数声明,如果函数被提前调用也是可以正常运行的;如果使用函数表达式,和变量提升...

  • JS中的提升

    JS中包含两种提升,变量提升和函数提升。 变量提升 变量提升只能是var或者function声明的变量或者函数,l...

网友评论

      本文标题:从函数声明和函数表达式看js的变量提升

      本文链接:https://www.haomeiwen.com/subject/pkpimxtx.html