`
silentJesse
  • 浏览: 107763 次
  • 性别: 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里的代码也是一种数据,同样可以被任意赋值和修改的,而它的值就是代码的逻辑。只是,与一般数据不同的是,函数是可以被调用执行的。
分享到:
评论

相关推荐

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

    ### ASP.NET中不同部分的js代码的执行顺序 ...综上所述,在ASP.NET应用中管理JavaScript代码执行顺序需要考虑多种因素。理解这些规则有助于开发者更高效地编写和维护代码,确保页面逻辑的正确性和一致性。

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

    函数作用域是理解JavaScript代码执行顺序的另一个关键点。在JavaScript中,函数创建了自己的作用域,函数内部声明的变量只能在函数内部访问,外部无法访问,这就是局部变量。当在函数作用域中访问一个变量时,...

    JavaScript执行顺序

    ### JavaScript执行顺序详解 #### 一、HTML文档流与JavaScript执行顺序 JavaScript作为一种网页脚本语言,其执行顺序直接影响到脚本的运行效果和页面的行为。理解JavaScript代码是如何按照顺序被执行的是开发高...

    JavaScript执行顺序详细介绍

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

    JavaScript的执行过程详细研究

    在深入探讨JavaScript的执行过程前,我们先来看一下HTML文档中JavaScript代码的执行顺序。 #### 二、按HTML文档流顺序执行JavaScript代码 在HTML文档中,JavaScript代码通常是通过`&lt;script&gt;`标签嵌入的。这些脚本...

    如何确保JavaScript的执行顺序 之jQuery.html深度分析

    在深入探讨如何确保JavaScript代码执行顺序时,我们不得不提到jQuery库,它为JavaScript开发人员提供了简便的方法来操作DOM和处理异步事件。特别是,jQuery的html()函数不仅可以动态地向页面中添加HTML内容,而且...

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

    实验一和实验二展示了当同名函数被不同次序定义时,对JavaScript代码执行顺序的影响。在实验一中,先定义了两个参数的函数,后定义了一个参数的函数,但在调用时只传入一个参数,结果弹出的窗口显示了两个参数的函数...

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

    浏览器执行JavaScript脚本加载与代码执行顺序是网页开发中至关重要的一环,因为它直接影响到网页的渲染和用户体验。本文主要探讨了两种关键的概念:JavaScript脚本的阻塞性和执行顺序。 1. JavaScript脚本的阻塞性...

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

    在探讨JavaScript代码在网页加载过程中的执行顺序时,我们首先需要了解JavaScript在HTML文档中的几种嵌入方式,以及它们在页面加载过程中的执行行为。 一、HTML中嵌入JavaScript的方法 1. 直接将JavaScript代码...

    html中嵌入js执行顺序_html中嵌入js执行顺序_

    了解JavaScript的执行顺序对于优化网页性能和避免潜在的错误至关重要。以下是对这一主题的详细解释。 首先,HTML文档遵循自上而下的解析规则。浏览器在遇到`&lt;script&gt;`标签时会暂停HTML的解析,转而执行脚本内容。...

    Effective JavaScript 编写高质量JavaScript代码的68个有效方法1

    《Effective JavaScript:编写高质量JavaScript代码的68个有效方法》是David Herman撰写的一本JavaScript编程指南,该书基于作者在Ecma的JavaScript标准化委员会的工作经验,深入探讨了JavaScript的内部工作机制、...

    Javascript在页面加载时的执行顺序.pdf

    1. **按序执行**:JavaScript代码的执行顺序遵循它们在HTML中的出现顺序。无论是内联还是外部引用的脚本,都会按照它们在HTML文档中的顺序依次执行。 2. **全局作用域**:每个脚本定义的全局变量和函数都可在后续...

    jsp页面中的代码执行加载顺序介绍.docx

    在开发过程中,理解JSP页面中的代码执行顺序对于确保程序逻辑正确执行至关重要。本文将详细介绍JSP页面中代码的执行加载顺序,帮助开发者更好地理解和优化其应用。 #### 二、JSP页面的基本结构 JSP页面通常包含...

    Javascript在页面加载时的执行顺序.docx

    1. **内联方式**:直接在`&lt;script&gt;`和`&lt;/script&gt;`标签之间编写JavaScript代码。 2. **外部引用**:使用`&lt;script&gt;`标签的`src`属性指向.js文件,这种方式允许代码分离,提高页面加载效率。 3. **事件处理程序**:将...

    完美解决IE9浏览器出现的对象未定义问题

    这种问题通常是由于浏览器的兼容性问题、JavaScript代码执行顺序、或者资源加载顺序不当所引起的。以下是一些有效的解决策略。 首先,当遇到“对象未定义”的错误时,我们需要进行基础的排查工作。确保所有的...

    JAVASCRIPT在页面加载时的执行顺序[参考].pdf

    JavaScript 在页面加载时的执行顺序详解 在 HTML 中嵌入 JavaScript 的方法有多种,包括直接在 `&lt;script&gt;` 标记中编写代码、使用 ...通过将代码拆分成多个 `&lt;script&gt;` 标记,可以确保 JavaScript 代码的正确执行顺序。

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

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

    深入理解javascript的执行顺序

    而赋值式函数则不会被提升,它们的定义就像变量赋值一样,遵循正常的代码执行顺序。 这就引出了JavaScript的解析过程的两个阶段:预编译期和执行期。在预编译期,JavaScript引擎会对当前作用域中的所有变量声明和...

Global site tag (gtag.js) - Google Analytics