1. <html>
  2. <head>
  3. <title>函数提升</title>
  4. <script language="javascript" type="text/javascript">
  5. //在全局对象中声明两个全局函数,反模式
  6. function foo()
  7. {
  8. alert("global foo");
  9. }
  10. function bar()
  11. {
  12. alert("global bar");
  13. }
  14. //定义全局变量
  15. var v = "global var";
  16. function hoistMe()
  17. {
  18. alert(typeof foo); //function
  19. alert(typeof bar); //undefined
  20. alert(v); //undefined
  21. //为什么bar函数和变量v是未定义而不是全局变量中定义的相应的函数变量呢？
  22. //因为函数里面定义了同名的函数和变量，无论在函数的任何位置定义这些函数和
  23. //和变量，它们都将被提升到函数的最顶部。
  24. foo(); //local foo
  25. bar(); //报错，缺少对象
  26. //函数声明，变量foo以及其实现被提升到hoistMe函数顶部
  27. function foo()
  28. {
  29. alert("local foo");
  30. }
  31. //函数表达式,仅变量bar被提升到函数顶部，实现没有被提升
  32. var bar = function()
  33. {
  34. alert("local bar");
  35. };
  36. //定义局部变量
  37. var v = "local";
  38. }
  39. (function()
  40. {
  41. hoistMe();
  42. })();
  43. //函数表达式和变量表达式只是其声明被提升，函数声明是函数的声明和实现都被提升。
  44. /**由于函数提升的效果，hoistMe方法相当于
  45. function hoistMe()
  46. {
  47. //函数声明，变量foo以及其实现被提升到hoistMe函数顶部
  48. function foo()
  49. {
  50. alert("local foo");
  51. }
  52. //函数表达式,仅变量bar被提升到函数顶部，实现没有被提升(同变量提升)
  53. var bar = undefined;
  54. //变量声明被提升
  55. var v = undefined;
  56. alert(typeof foo); //function
  57. alert(typeof bar); //undefined
  58. foo(); //local foo
  59. bar(); //报错，缺少对象
  60. bar = function()
  61. {
  62. alert("local bar");
  63. };
  64. v = "local";
  65. }
  66. */
  67. </script>
  68. </head>
  69. <body>
  70. </body>
  71. </html>

Javascript中函数及变量定义的提升的更多相关文章

  1. JavaScript中函数的变量提升问题

    函数的大体分三种,一种是函数的声明,一种是函数表达式(又称为函数的字面量) 1.函数的声明 => function myFn(){}; 2.函数的表达式 => var myFn = fun ...

  2. JavaScript中函数函数的定义与变量的声明<基础知识一>

    1.JavaScript中函数的三种构造方式 a.function createFun(){ } b.var createFun=function (){ } c.var createFun=new ...

  3. JavaScript中var和this定义变量的区别

    JavaScript中var和this定义变量的区别 在js中声明变量时可以使用var和this,但使用this的有很大一部分参考书是没有的,经过查阅相关资料总结如下: 用var和this声明变量,存 ...

  4. javascript中函数声明、变量声明以及变量赋值之间的关系与影响

    javascript中函数声明.变量声明以及变量赋值之间的关系与影响 函数声明.变量声明以及变量赋值之间有以下几点共识: 1.所有的全局变量都是window的属性 2.函数声明被提升到范围作用域的顶端 ...

  5. JavaScript中函数的定义

    JavaScript中函数的定义 制作人:全心全意 在JavaScript中,函数是由关键字function.函数名加一组参数以及置于大括号中需要执行的一段代码定义的.定义函数的基本语法格式如下: f ...

  6. JavaScript中函数的定义！

    JavaScript中函数的定义! 1 自定义函数(命名函数) function fun() {}; 2 函数表达式(匿名函数) var fun = function () {}; 3 利用 new ...

  7. javascript中函数声明和函数表达式的区别 分类： JavaScript 2015-05-07 21:41 897人阅读 评论(0) 收藏

    1.js中函数表达式的定义 表达式(expression)JavaScript中的一个短语,javascript会将其计算(evaluate)出一个结果.程序中的常量是一个最简单的表达式.变量名也是一 ...

  8. Javascript中函数的四种调用方式

    一.Javascript中函数的几个基本知识点: 1.函数的名字只是一个指向函数的指针,所以即使在不同的执行环境,即不同对象调用这个函数,这个函数指向的仍然是同一个函数. 2.函数中有两个特殊的内部属 ...

  9. JavaScript中函数是不能重载原因

    以前有一次写JS插件的时候,由于后台写习惯了,妄想在JS中写重载函数,可惜不能成功,原因花了一点时间记了下来 首先要理解重载的含义:函数返回值不同或者形式参数个数不同但函数名相同的函数 JavasSc ...

随机推荐

  1. C++线程池的实现(二)

    参考文章:http://blog.csdn.net/huyiyang2010/archive/2010/08/10/5801597.aspx // CThread.h #ifndef __MY_THR ...

  2. 软件的NABCD----安装部分

    N:需求 有些软件安装需要很多的插件,很很多的安装步骤,甚至文件夹移动等麻烦的步骤 A:做法 做成一键安装的程序 B:好处 默认D盘安装,节省C盘空间,没有赘余插件,一键安装,省时省力. C:竞争 和 ...

  3. oracle 表查询二

    1.使用逻辑操作符号问题:查询工资高于500或者是岗位为manager的雇员,同时还要满足他们的姓名首字母为大写的J?select * from emp where (sal > 500 or ...

  4. Express创建并运行node项目（Jade和EJS模版引擎）

    1.创建Node项目 [Jade模板] > express nodeJade express创建项目若不显示指定模板,默认使用Jade,以下写法都可以: express -jade nodeJa ...

  5. (leetcode)Missing Number

    Given an array containing n distinct numbers taken from 0, 1, 2, ..., n, find the one that is missin ...

  6. Car---hdu5935（简单题）

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5935 题意:有一辆车在马路上行驶,速度不变或增加,然后警察在某整数点时刻记录下了这辆车所经过的位置,共 ...

  7. C++经典编程题＃3：数字求和

    总时间限制:  1000ms 内存限制:  65536kB 描述 给定一个正整数a,以及另外的5个正整数,问题是:这5个整数中,小于a的整数的和是多少? 输入 输入一行,只包括6个小于100的正整数, ...

  8. javascript设计模式学习之十二——享元模式

    一.享元模式的定义及使用场景 享元模式是为了解决性能问题而诞生的设计模式,这和大部分设计模式为了提高程序复用性的原因不太一样,如果系统中因为创建了大量类似对象而导致内存占用过高,享元模式就非常有用了. ...

  9. iOS UICollectionView之二（垂直滚动）

    #import <UIKit/UIKit.h> @interface AppDelegate : UIResponder <UIApplicationDelegate> @pr ...

  10. javascript中argument1 === void 0的意思

    今天看代码时看到 if (argument1 === void 0 || typeof argument1 === 'object') { 啥意思? 概述 void 运算符会对它的操作数表达式进行求值 ...