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,如需转载请自行联系原作者

相关文章
|
15天前
|
JavaScript
变量和函数提升(js的问题)
变量和函数提升(js的问题)
|
15天前
|
JavaScript
常见函数的4种类型(js的问题)
常见函数的4种类型(js的问题)
10 0
|
15天前
|
JavaScript
写一个函数将N组<>(包含开始和结束),进行组合,并输出组合结果 (js)
写一个函数将N组<>(包含开始和结束),进行组合,并输出组合结果 (js)
9 0
|
18天前
|
机器学习/深度学习 人工智能 JavaScript
js和JavaScript
js和JavaScript
20 4
|
26天前
|
自然语言处理 JavaScript 网络架构
js开发:请解释什么是ES6的箭头函数,以及它与传统函数的区别。
ES6的箭头函数以`=&gt;`定义,简化了函数写法,具有简洁语法和词法作用域的`this`。它无`arguments`对象,不能用作构造函数,不支持`Generator`,且不改变`this`、`super`、`new.target`绑定。适用于简短表达式,常用于异步编程和高阶函数。
17 5
|
1天前
|
缓存 JavaScript 前端开发
js的入口函数,入口函数的作用
js的入口函数,入口函数的作用
12 4
|
15天前
|
JavaScript
理解DOM树的加载过程(js的问题)
理解DOM树的加载过程(js的问题)
|
17天前
|
JavaScript 前端开发
JavaScript生成的随机数随机字符串JS生成的随机数随机字符串
JavaScript生成的随机数随机字符串JS生成的随机数随机字符串
14 1
|
25天前
|
JavaScript
js开发:请解释什么是ES6的Generator函数,以及它的用途。
ES6的Generator函数是暂停恢复的特殊函数,用yield返回多个值,适用于异步编程和流处理,解决了回调地狱问题。
16 6
|
26天前
|
JavaScript 前端开发
js开发:请解释什么是模块化(modularization),并说明如何在JavaScript中实现模块化。
模块化将复杂系统拆分为松散耦合的模块,提高代码可读性、可维护性、可复用性和可扩展性。JavaScript模块化历经CommonJS(Node.js中常见,使用`require()`和`module.exports`)、AMD(RequireJS,异步加载,`define()`和`require()`)和ES6 Modules(官方标准,`import`和`export`)三个阶段。打包工具如Webpack、Rollup处理兼容性问题,使模块化代码能在各种环境中运行。