`
silentJesse
  • 浏览: 105497 次
  • 性别: Icon_minigender_1
  • 来自: 福建厦门
社区版块
存档分类
最新评论

javascript的代码执行顺序

阅读更多
function myfunc ()
    {
        alert("hello");
    };
    myfunc(); //这里调用myfunc,输出yeah而不是hello
    
    function myfunc ()
    {
        alert("yeah");
    };    
    myfunc(); //这里调用myfunc,当然输出yeah



按理说,两个签名完全相同的函数,在其他编程语言中应该是非法的。但在JavaScript中,这没错(因为他们不是函数,只是两个function实体,名字myfunc只是function实体的引用,只有当在myfunc后面加上括号和参数时才是函数的功能)。不过,程序运行之后却发现一个奇怪的现象:两次调用都只是最后那个函数里输出的值!显然第一个函数没有起到任何作用。这又是为什么呢?

    原来,JavaScript执行引擎并非一行一行地分析和执行程序,而是一段一段地分析执行的。而且,在同一段程序的分析执行中,定义式的函数语句会被提取出来优先执行。函数定义执行完之后,才会按顺序执行其他语句代码。也就是说,在第一次调用myfunc之前,第一个函数语句定义的代码逻辑,已被第二个函数定义语句覆盖了。所以,两次都调用都是执行最后一个函数逻辑了。

    如果把这个JavaScript代码分成两段,例如将它们写在一个html中,并用<script/>标签将其分成这样的两块:
<script>
    function myfunc ()
    {
        alert("hello");
    };
    myfunc(); //这里调用myfunc,输出hello
</script>

<script>
    function myfunc ()
    {
        alert("yeah");
    };    
    myfunc(); //这里调用myfunc,输出yeah
</script>


时,输出才是各自按顺序来的,也证明了JavaScript的确是一段段地执行的。

    一段代码中的定义式函数语句会优先执行,这似乎有点象静态语言的编译概念。所以,这一特征也被有些人称为:JavaScript的“预编译”。

    大多数情况下,我们也没有必要去纠缠这些细节问题。只要你记住一点:JavaScript里的代码也是一种数据,同样可以被任意赋值和修改的,而它的值就是代码的逻辑。只是,与一般数据不同的是,函数是可以被调用执行的。
分享到:
评论

相关推荐

    JavaScript执行顺序详细介绍

    如果说,JavaScript引擎的工作机制比较深奥是因为它属于底层行为,那么JavaScript代码执行顺序就比较形象了,因为我们可以直观感觉到这种执行顺序,当然JavaScript代码的执行顺序是比较复杂的,所以在深入JavaScript...

    探析浏览器执行JavaScript脚本加载与代码执行顺序

    JavaScript在浏览器中被解析和执行时具有阻塞的特性,也就是说,当JavaScript代码执行时,页面的解析、渲染以及其他资源的下载都要停下来等待脚本执行完毕①。这一点是没有争议的,并且在所有浏览器中的行为都是一致...

    ASP.NET中不同部分的js代码的执行顺序

    ASP.NET中不同部分的js代码的执行顺序ASP.NET中不同部分的js代码的执行顺序

    Javascript代码在页面加载时的执行顺序介绍

    Javascript代码在页面加载时的执行顺序介绍,需要的朋友可以参考一下

    如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙

    1. 引言 在上一篇文章《如何确保JavaScript的执行顺序 – 之jQuery.html深度分析》中,我们揭示了jQuery.html函数之所以能在各种浏览器下保持动态JS顺序执行,其秘密在于 – 同步AJAX获取外部JavaScript。...

    浅谈JavaScript 的执行顺序

    js代码执行顺序比较的形象,用户可以直观的感受这种执行顺序。但是,js代码的执行顺序是比较复杂的。有时候我们会把js代码写在html里面,而html文档在浏览器中解析的过程是这样:浏览器按照文档流从上到下逐步解析...

    JavaScript代码执行的先后顺序问题

    今天就给大家介绍一个特别基础的东西,javascript中函数的一点儿小知识之js代码的执行顺序问题,需要的朋友参考下吧

    深入理解javascript的执行顺序

    如果你不能理解javaScript语言的运行机制,或者简单地说,你不能掌握javascript的执行顺序,那你就犹如伯乐驾驭不了千里马,让千里马脱缰而出,四处乱窜。 那么JavaScript是怎么来进行解析的吗?它的执行顺序又是...

    如何确保JavaScript的执行顺序 之实战篇

    虽然现代浏览器可以并行的下载JavaScript(部分浏览器),但考虑到JavaScript的依赖关系,他们的执行依然是按照引入顺序进行的。 为了更好的测试这个过程,我写了一个简单的HTTP处理程序页面 service.ashx,它可以...

    浅谈Javascript 执行顺序

    Javascript是执行顺序是至上而下的,除非你特别说明, Javascript代码不会等到页面加载完毕后才执行。比如一个网页里含有以下HTML代码: 代码如下:”ele”&gt;welcome to www.jb51.net&lt;/div&gt;如果你在这行HTML代码前,...

    javascript运行机制之执行顺序理解

    如果你不能理解javaScript语言的运行机制,或者简单地说,你不能掌握javascript的执行顺序,那你就犹如伯乐驾驭不了千里马,让千里马脱缰而出,四处乱窜。  那么JavaScript是怎么来进行解析的吗?它的执行顺序又是...

    高性能的javascript之加载顺序与执行原理篇

    这种情况无疑是存在严重的性能问题的,由于脚本会阻塞页面的渲染,直到它们全部下载并执行完成后,页面渲染才会继续,下面的图就是代码的执行顺序 第一个js文件下载,要等到第一个js文件下载完全才会执行第二个js...

    JavaScript 全面解析各种浏览器网页中的JS 执行顺序

    近来我通过一些测试以全面的解析网页在各种浏览器中的JavaScript代码的执行顺序,在这儿做个记录。

    07-变量提升:JavaScript代码是按顺序执行的吗?_For_vip_user_0011

    介绍,现在你只需要知道,在执上下中存在个变量环境的对象变量环境的对象(ViriableEnvironment),该对象中保存了变量提升的内容,如上代码中的变量

    JavaScript完全自学宝典 源代码

    7.4.html 检测onkeydown事件与onkeypress事件执行的先后顺序。 7.5.html 窗口离开时提示。 7.6.html 防止onresize事件重复执行。 7.7.html onerror事件相关处理。 7.8.html onsubmit事件使用...

    浅谈js在html中的加载执行顺序,多个jquery ready执行顺序

    jQuery $(document).ready()执行顺序: 当页面DOM 元素全部加载完毕后就执行.ready()。$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 如果在.ready()执行之前有javascript代码存在,那么...

    JavaScript 程序执行顺序问题总结

    函数的声明和调用 JavaScript是一种描述型脚本语言,由浏览器进行动态的解析与执行。函数的定义方式大体有以下两种,浏览器对于不同的方式有不同的解析顺序。 代码如下: //“定义式”函数定义 function Fn1(){ ...

    Javascript执行上下文顺序的深入讲解

    执行上下文就是当前的 JavaScript 代码被解析和执行时所在环境的抽象概念, JavaScript 中运行任何的代码都是在执行上下文中运行的. 2 执行上下文的类型 执行上下文分为三种类型: 全局执行上下文:只有一个,这是默认...

    javascript的解析执行顺序在各个浏览器中的不同

    所以我们有必要深入理解js的执行顺序。为此,我设计了如下八个实验来获得最确切的结果。 实验 代码如下: [removed] //实验一: function t(a) { alert&#40;“[t(a&#41;]a:” + a); } function t(a, b) { alert&#40;...

Global site tag (gtag.js) - Google Analytics