<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script type="text/javascript">

        //1.页面加载的时候，浏览器会对页面上的或载入的js代码块（或文件）进行扫描，如果遇到定义式函数和显示定义的变量，则对此函数和显示定义的变量进行预编译，处理完成后再由上至下执行；遇到赋值式函数则只是将函数赋值给一个变量，不进行预处理，待调用到的时候才进行处理

        f1(); //我是f1方法

        //“定义式”函数定义

        function f1() {

            alert('我是f1方法');

        }

        //“赋值式”函数定义

        f2(); //报错，浏览器未对f2进行预处理，则依次执行

        //代码报错后，次块中的代码不再向下执行，执行下一个块中的代码

        var f2 = function () {

            alert('我是f2方法');

        };

        f2(); //此句代码没有执行

    </script>

     <!--2.浏览器对每个块或文件进行独立的扫描，然后再对全局的代码进行顺序执行，所以在一个块中是，定义式函数可以在函数调用后定义，但在两个js代码块中时，定义函数所在的块必须在函数被调用的块之前-->

    <script type="text/javascript">

        f3();//报错

    </script>

    <script type="text/javascript">

        function f3() {

            alert('我是f3方法');

        }

    </script>

    <script type="text/javascript">

        f3(); //我是f3方法

    </script>

    <!--3.重复定义的函数会覆盖前面的定义-->

    <script type="text/javascript">

        f4();//我是第二个f4方法

        function f4() {

            alert('我是第一个f4方法');

        }

        f4(); //我是第二个f4方法

        function f4() {

            alert('我是第二个f4方法');

        }

        f4(); //我是第二个f4方法

    </script>

    <!--4.body内部的函数会先于body的onload函数执行-->

    <script type="text/javascript">

        function f5() {

            alert('我是body的onload的f5方法');

        }

    </script>

    <!--5.严格来说，javascript是没有多线程概念的，所有的程序都是单线程依次执行的-->

    <script type="text/javascript">

        function f6() {

            setInterval(function () {

                alert('我先调用');

            }, 1000);

        }

        function f7() {

            alert('我后调用')

        }

        f6();

        f7();

        //先弹出：我后调用

        //1秒后弹出：我先调用

        //看上去像是f6（）与延时程序分两个过程走，但其实，这事javascript的“回调”机制在起作用，类似于操作系统的“中断和响应”---延时程序处设置一个中断，然后执行f7（），待1秒后，再回调f6（）；

    </script>

</head>

<body onload="f5()">

    <script type="text/javascript">

        alert('我是body内部的代码');

    </script>

    <input type="button" name="name" value="点击我 " onclick="alert('我是button的点击事件')" />

</body>

</html>

JavaScript代码内部执行顺序的更多相关文章

  1. 《浏览器工作原理与实践》<07>变量提升：JavaScript代码是按顺序执行的吗？

    讲解完宏观视角下的浏览器后,从这篇文章开始,我们就进入下一个新的模块了,这里我会对 JavaScript 执行原理做深入介绍. 今天在该模块的第一篇文章,我们主要讲解执行上下文相关的内容.那为什么先讲 ...

  2. php课程 1-3 web项目中php、html、js代码的执行顺序是怎样的（详解）

    php课程 1-3 web项目中php.html.js代码的执行顺序是怎样的(详解) 一.总结 一句话总结:b/s结构 总是先执行服务器端的先.js是客户端脚本 ,是最后执行的.所以肯定是php先执行 ...

  3. 创建HttpFilter与理解多个Filter代码的执行顺序

    1.自定义的HttpFilter,实现Filter接口 HttpFilter package com.aff.filter; import java.io.IOException; import ja ...

  4. JavaScript程序的执行顺序

    JavaScript程序的执行顺序:同步==>异步==>回调 同步是阻塞模式,异步是非阻塞模式.     同步就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个 ...

  5. 通过指令码来判断Java代码的执行顺序（++问题与return和finally的问题）

    问题 在<深入理解Java虚拟机>一书中遇到了如下代码: public int method() { int i; try { i = 1; return i; } catch (Exce ...

  6. 关于JavaScript代码的执行效率总结

    Javascript是一门非常灵活的语言,我们可以随心所欲的书写各种风格的代码,不同风格的代码也必然也会导致执行效率的差异,开发过程中零零散散地接触到许多提高代码性能的方法,整理一下平时比较常见并且容 ...

  7. java代码块执行顺序

    父类 public class Father { public Father() { System.out.println("父类构造PUBLIC father"); } stat ...

  8. 2018.11.20-day22 类中代码的执行顺序&组合

    1.类中代码的执行顺序 2.组合

  9. Java基础系列5：Java代码的执行顺序

    该系列博文会告诉你如何从入门到进阶,一步步地学习Java基础知识,并上手进行实战,接着了解每个Java知识点背后的实现原理,更完整地了解整个Java技术体系,形成自己的知识框架. 一.构造方法 构造方 ...

随机推荐

  1. js函数总结

    最近要经常写一些Js代码,总看到同事能使用js高级函数写出比较简洁的js代码,挺羡慕的,于是就花了一些专门时间来学习. forEach.map.reduce 我就不喜欢一上来就给出语法来,先来一个例子 ...

  2. 13DBUtils工具类

    如果只使用JDBC进行开发,我们会发现冗余代码过多,为了简化JDBC开发,本案例我们讲采用apache commons组件一个成员:DBUtils. DBUtils就是JDBC的简化开发工具包.需要项 ...

  3. 【学习】011 JVM参数调优配置

    自动内存管理机制 Java虚拟机原理 所谓虚拟机,就是一台虚拟的机器.他是一款软件,用来执行一系列虚拟计算指令,大体上虚拟机可以分为 系统虚拟机和程序虚拟机, 大名鼎鼎的Visual Box.Vmar ...

  4. git路径超长 及gitignore

    1 忽略路径超长 git config --system core.longpaths true 2 比较全的gitignore https://www.gitignore.io/api/vim,no ...

  5. Ubuntu NFS搭建过程

    先简单介绍一下NFS服务器是什么? NFS server可以看作是一个FILE SERVER,它可以让你的PC通过网络将远端的NFS SERVER共享出来的档案MOUNT到自己的系统中,在CLIENT ...

  6. [web 安全] 源码泄露

    web 源码泄露 1..hg 源码泄露 http://www.example.com/.hg/ 2..git 源码泄露 http://www.example.com/.git/config 3..ds ...

  7. Java初步

    Java的核心优势:跨平台 Java SE:标准版Java EE:企业级Java ME:微型版 源文件(*.java)→编译器→字节码文件(*.class)→(类装载器→字节码校验器→解释器)[JRE ...

  8. 032：DTL常用过滤器（1）

    为什么需要过滤器: 在DTL中,不支持函数的调用形式‘()’,因此不能给函数传递参数,这将有很大的局限性:而过滤器其实就是一个函数,可以对需要处理的参数进行处理,并且还可以额外接受一个参数(也就是说: ...

  9. 一些vue 响应式系统的底层的细节

    当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/ ...

  10. Jmeter参数化控件意见收集

    1.可以读取EXCEL,可以自定义SHEET,行和列: 2.数据可以加密传输,加密方式如下: 1)SHA1 2)SHA224 3)SHA256 4)SHA384 5)SHA512 6)MD5 7)Hm ...