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. 图解Activity与Fragment

    文字待补充.. 注:由于图片太大,显示不清晰请谅解.大家可以右键图片-->在新窗口打开,或者保存到本地查看.

  2. 【Swing】Swing初步认知

    AWT(abstract Window Toolkit) AWT是java发布的第一个图形界面库.AWT通过调用系统本地的库,来创建和显示控件. AWT 的组件都是使用的native code来编写的 ...

  3. SQL Server数据库连接字符串的组成

    DB驱动程序常见的驱动程序如下: ODBC   ODBC(Open Database Connectivity,开放数据库互连)是微软公司开放服务结构(WOSA,Windows Open Servic ...

  4. 一些html页面资料

    一下没有什么重要的,只是我平时积累的一些页面,紧急时或许会有用,相信过一段时间去东宇(公司分公司)了,这些资料页带不走,还不如留在博客里,趁组长级别们开会去了,他们已经开了一个点啦!我的组长去东宇查看 ...

  5. PMP--案例解答要点

    没有相关的管理流程或方针: 没有进行良好的策划: 资源不足(人.资金.设备和工具): 缺少培训,不具备相关的知识和技能要求: 项目干系人识别不充分,干系人没有充分的介入: 缺少配置管理.变更控制和版本 ...

  6. 微信小店 API 手册

    微信商铺API手册V1.13 目录 1.      商品管理接口.................................................................... ...

  7. Android TimePickerDialog样式配置与TimePicker模式选择

    习惯性的,把要说的内容先总结一下: TimePicker有两种模式:spinner 和clock,可通过如下方式配置: <TimePicker android:timePickerMode = ...

  8. Metro中控件WebView访问外部的网页显示一片空白

    Metro中控件WebView访问外部的网页显示一片空白 解决方案: ​下载安装了Initex.Software.Proxifier.v3.21.Standard.Edition.Incl.Keyma ...

  9. 消息队列Rabbitmq

    1. 启动 rabbitmq-server & 2. 队列重置(清空队列.用户等) rabbitmqctl stop_apprabbitmqctl resetrabbitmqctl stop ...

  10. underscore源码解析

    (function() { // 创建一个全局对象, 在浏览器中表示为window对象, 在Node.js中表示global对象 var root = this; // 保存"_" ...