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 前端开发
JavaScript 脚本编译与执行过程简述
JavaScript 脚本编译与执行过程简述
307 0
|
存储 数据可视化 JavaScript
这款前端可视化代码执行工具,打残js执行过程
这款前端可视化代码执行工具,打残js执行过程
这款前端可视化代码执行工具,打残js执行过程
|
自然语言处理 前端开发 JavaScript
前端百题斩【008-009】——从JavaScript的代码执行过程到函数执行过程
前端百题斩【008-009】——从JavaScript的代码执行过程到函数执行过程
前端百题斩【008-009】——从JavaScript的代码执行过程到函数执行过程
|
Web App开发 JavaScript 前端开发
八、通过断点调试观察JS执行过程
利用chrome开发者工具中的断点调试,我们能够一步步观察JavaScript的执行过程,直观感知函数调用栈、作用域链、变量对象、闭包、this等关键信息的变化。因此,断点调试对于快速定位代码错误,以及快速了解代码的执行过程有着非常重要的作用,这也是我们前端开发必不可少的一个高级技能。 当然如果你对JavaScript的基础概念(执行上下文,变量对象,闭包,this等)了解还不够的话,想要透彻掌握断点调试可能会有一些困难。好在前面几篇文章中,我都对这些概念进行了详细的概述,因此要掌握这个技能,对大家来说,应该是比较轻松的。
351 0
八、通过断点调试观察JS执行过程
|
自然语言处理 前端开发 JavaScript
JavaScript语言在引擎级别的执行过程
文本中将由南潮首席架构师周爱民为大家介绍JavaScript语言在引擎级别的执行过程,其中包括JavaScript语言中的环境的准备,作用域及环境的区别,可执行上下文的构建及执行原理,过程中的控制和执行结果的返回。在最后,周爱民展开语法的概念,解释...x如何构成可执行组件。
JavaScript语言在引擎级别的执行过程
|
JavaScript 前端开发
周大侠啊 进击的 JavaScript(三) 之 函数执行过程
原文链接:周大侠啊 进击的 JavaScript(三) 之 函数执行过程 理解js 的执行过程是很重要的,比如,作用域,作用域链,变量提升,闭包啊,要想明白这些,你就得搞懂函数执行时到底发生了什么! 一、执行环境(Execution Context)又称执行上下文 当代码执行时都会产生一个执行环境。
1038 0
|
2月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
27 0
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
75 0
|
9天前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习