当前位置:Gxlcms > JavaScript > 浅谈JavaScript中变量和函数声明的提升

浅谈JavaScript中变量和函数声明的提升

时间:2021-07-01 10:21:17 帮助过:5人阅读

现象:

1. 在JavaScript中变量和函数的声明会提升到最顶部执行。

2. 函数的提升高于变量的提升。

3. 函数内部如果用var声明了相同名称的外部变量,函数将不再向上寻找。

4. 匿名函数不会提升。

5. 不同<script>块中的函数互不影响。

例子:

函数声明提升高于变量声明

  1. //同时声明变量a和函数a
  2. var a;
  3. function a() {}
  4. alert(typeof a); //显示的是"function",初步证明function的优先级高于var。
  5. //先声明函数后声明变量,证明上边的例子不是function覆盖了变量
  6. function a() {}
  7. var a;
  8. alert(typeof a); //显示的仍是"function",而不是"undefined",即function的优先级高于var。
  9. //声明了变量的同时赋值
  10. function a() {}
  11. var a = 1;
  12. alert(typeof a); //number,此时不是function了。
  13. //说明:"var a=1"相当于"var a;a=1",即先声明,后赋值,"a=1"相当于把a重新赋值了,自然就是number!

函数内部用var定义了和外部相同的变量,函数将不再向上找外部的变量

  1. var value = 'hello';
  2. function show() {
  3. alert(value);
  4. if (!value) {
  5. var value = 'function';
  6. }
  7. alert(value);
  8. }
  9. show() //此处调用函数依次弹出 "undefined", "function"
  10. //上例相当于var value = 'hello';
  11. function show() {
  12.   var value; //注意这行
  13. alert(value);
  14. if (!value) {
  15. value = 'function'; //这行去掉var
  16. }
  17. alert(value);
  18. }
  19. show()//1.如果上列中show内部定义value未用var,则会用到外部的变量,弹出"hello", "hello"。
  20. //2.如果函数内部未定义value,也能获取到外部的value值。

匿名函数不会向上提升

  1. getName()
  2. var getName = function () {
  3. alert('closule')
  4. }
  5. function getName() {
  6. alert('function')
  7. }
  8. getName()
  9. //上边的代码相当于
  10. function getName() { //函数向上提升
  11. alert('function')
  12. }
  13. getName()
  14. var getName = function () {
  15. alert('closule')
  16. }
  17. getName()
  18. //代码执行分别弹出 "function", "closule"

不同<script>块中的函数互不影响

  1. <script>
  2. getName()
  3. var getName = function () {
  4. alert('closule')
  5. }
  6. <script>
  7. <script>
  8. function getName() {
  9. alert('function')
  10. }
  11. <script>
  12. //代码执行报错:TypeError: getName is not a function
  13. //因为第一个<script>块中getName()函数未定义,匿名函数又不会向上提升

以上这篇浅谈JavaScript中变量和函数声明的提升就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持PHP中文网。

更多浅谈JavaScript中变量和函数声明的提升相关文章请关注PHP中文网!

人气教程排行