首页 > web前端 > js教程 > JavaScript函数声明与变量声明之间的区别分析

JavaScript函数声明与变量声明之间的区别分析

不言
发布: 2018-09-11 15:14:34
原创
1495 人浏览过

本篇文章给大家带来的内容是关于JavaScript函数声明与变量声明之间的区别分析,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

今天,又由一到题目引发了一场我跟JS基础的较量:首先是

var getName = function(){alert(1)};
function getName(){alert(2)};

getName();// 1
登录后复制

or

function getName(){alert(2)};
var getName = function(){alert(1)};

getName();// 1
登录后复制

为什么我调换声明顺序,结果还是输出以 var 形式声明的函数的值?
有人回答我说 "啊,变量提升呀...",我最开始的理解,就算变量提升,第一种情况提升之后,应该是这样啊:

var getName;
getName = function(){alert(1)};
function getName(){alert(2)};
登录后复制

最后应该输出 2 才对啊(很理直气壮)。
殊不知不只有var声明才会提前,以function fn(){}这种形式声明的函数,会被提升到作用域的最最顶部,然后再是变量的提升。
具体请看下面例子:

fn();//Uncaught TypeError: fn is not a function
var fn = function(){console.log(1)};
登录后复制

but

fn();//2
var fn = function(){console.log(1)};
function fn(){console.log(2)}
登录后复制

足以说明函数提升的更凶一些。

相关推荐:

javascript变量声明实例分析_javascript技巧

JavaScript全局变量声明和优缺点介绍

以上是JavaScript函数声明与变量声明之间的区别分析的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板