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. PHP--yii中findOne转换成数组

    $res = News::findOne($new_id)->toArray(); yii框架的多表联查:controller层: //news 与 news_theme 是多对一的关系$inf ...

  2. 兼容的获得event

    function getEvent(e) { var e=window.event || event; return e.srcElement || e.target; }

  3. 【android学习1】:安装MySQL启动服务失败解决方法

    最近需要用到MySQL,从官网上下载了一个安装文件,但是安装时一直弹出如下提示信息: Configuration of MySQL Server 5.7 is taking longer than e ...

  4. 如何写出无法维护的代码(JAVA版)

    程序命名(针对那些不能混淆的代码) 容易输入的名字.比如:Fred,asdf 单字母的变量名.比如:a,b,c, x,y,z,或者干脆上中文比如(阿隆索肯德基) 有创意地拼写错误.比如:SetPint ...

  5. 一个例子深入理解ClassLoader

    文件类加载器,该加载器重载了loadClass方法,逻辑是只读取文件来加载类,不委托给父类加载器进行加载 package com.ydd.study.hello.classloader; import ...

  6. loop_nslookup

    function loop_nslookup() { $baseFolder = "D:\ps_toolkit" $ip_list = "$baseFolder\ip_l ...

  7. Android ListView自定义Adapter使用误区

    参考博客:BaseAdapter中重写getview的心得以及发现convertView回收的机制 使用自定义的BaseAdapter实现LIstView的展示 由于Recycler(反复循环器)的机 ...

  8. Oracle数据库之PL/SQL基础

    介绍PL/SQL之前,先介绍一个图像化工具:Oracle SQL Developer 在oracle的开发过程中, 我们难免会使用第三方开发的软件来辅助我们书写SQL, pl/sql是一个不错的sql ...

  9. webDriver运行过程中遇到的问题

    1.org.openqa.selenium.firefox.NotConnectedException: Unable to connect to host 127.0.0.1 on port 705 ...

  10. 逻辑卷管理LVM (Logical Volume Manager)

    什么是LVM? LVM(Logical Volume Manager)逻辑卷管理,是一种将一个或多个硬盘的分区在逻辑上集合,相当于一个大硬盘来使用,当硬盘的空间不够使用的时候,可以继续将其它的硬盘的 ...