JS,Javascript加载与函数执行过程

简介:

Js,Javascript加载与函数执行过程

test.html

<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>demo</title>
    <script type="text/javascript">
        function hello(){
            alert("hello 1");
        }
        hello(); // hello 2
        function hello(){
            alert("hello 2");
        }
        hello(); // hello 2
    </script>
    <script type="text/javascript">
        hello(); // hello 2
    </script>


    <script type="text/javascript">
        function hello(){
            alert("hello 3");
        }
        hello(); // hello 4
        function hello(){
            alert("hello 4");
        }
        hello(); // hello 4
    </script>

    <script type="text/javascript">
        hello(); // hello 4
    </script>
</head>

<script type="text/javascript" src="./test.js"></script>


<script type="text/javascript">
    hello(); // hello js2
</script>
</html>

test.js

function hello(){
    alert("hello js1"); 
}
hello(); // hello js2

function hello(){
    alert("hello js2"); 
}
hello(); // hello js2

小结

1.js中可以允许重复的函数

2.函数式一块一块执行的以script作为块标记

3.同一个块中,如果有同名函数,以后一个为准

4.引入js文件也就是相对于一个大的script块

5.如果在页面底部执行js,相对于以最后一个函数作为执行函数




本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/5957361.html,如需转载请自行联系原作者

相关文章
|
JavaScript
|
存储 数据可视化 JavaScript
这款前端可视化代码执行工具,打残js执行过程
这款前端可视化代码执行工具,打残js执行过程
这款前端可视化代码执行工具,打残js执行过程
|
自然语言处理 前端开发 JavaScript
前端百题斩【008-009】——从JavaScript的代码执行过程到函数执行过程
前端百题斩【008-009】——从JavaScript的代码执行过程到函数执行过程
前端百题斩【008-009】——从JavaScript的代码执行过程到函数执行过程
|
Web App开发 JavaScript 前端开发
八、通过断点调试观察JS执行过程
利用chrome开发者工具中的断点调试,我们能够一步步观察JavaScript的执行过程,直观感知函数调用栈、作用域链、变量对象、闭包、this等关键信息的变化。因此,断点调试对于快速定位代码错误,以及快速了解代码的执行过程有着非常重要的作用,这也是我们前端开发必不可少的一个高级技能。 当然如果你对JavaScript的基础概念(执行上下文,变量对象,闭包,this等)了解还不够的话,想要透彻掌握断点调试可能会有一些困难。好在前面几篇文章中,我都对这些概念进行了详细的概述,因此要掌握这个技能,对大家来说,应该是比较轻松的。
408 0
八、通过断点调试观察JS执行过程
|
弹性计算 JavaScript 前端开发
JavaScript 脚本编译与执行过程简述
JavaScript 脚本编译与执行过程简述
365 0
|
自然语言处理 前端开发 JavaScript
JavaScript语言在引擎级别的执行过程
文本中将由南潮首席架构师周爱民为大家介绍JavaScript语言在引擎级别的执行过程,其中包括JavaScript语言中的环境的准备,作用域及环境的区别,可执行上下文的构建及执行原理,过程中的控制和执行结果的返回。在最后,周爱民展开语法的概念,解释...x如何构成可执行组件。
JavaScript语言在引擎级别的执行过程
|
JavaScript 前端开发
周大侠啊 进击的 JavaScript(三) 之 函数执行过程
原文链接:周大侠啊 进击的 JavaScript(三) 之 函数执行过程 理解js 的执行过程是很重要的,比如,作用域,作用域链,变量提升,闭包啊,要想明白这些,你就得搞懂函数执行时到底发生了什么! 一、执行环境(Execution Context)又称执行上下文 当代码执行时都会产生一个执行环境。
1061 0
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-函数的参数
关于JavaScript函数参数基础知识的介绍。
24 4
JavaScript基础知识-函数的参数
|
2月前
|
JavaScript 前端开发
JavaScript 函数参数
JavaScript 函数参数
26 3
|
4月前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
56 1
下一篇
无影云桌面