js执行顺序总结
参考博文:http://www.2cto.com/kf/201401/273825.html
http://www.jb51.net/article/44123.htm
http://zhidao.baidu.com/link?url=BNhBPvi-DaTqZCxQ0CfNsBxNS_mWCAu8XsouLraBAkp36vmq7itYKRqxPDOysTc4wU7QpnwUd28XX6W0puV3j9_hBMN5AtM334E3646K9GK
JavaScript中的代码块是指由<script>标签分割的代码段,可以有多个<script>标签,多个代码块是顺序执行的,所以如下的代码结果会是,先弹出"这是代码块一"的对话框,点击确定之后,才会弹出"这是代码块二"的对话框。
<script type="text/javascript">
alert("这是代码块一");
</script>
<script type="text/javascript">
alert("这是代码块二");
</script>
声明式函数和赋值式函数
Js的函数定义分为两种:声明式函数和赋值式函数,请看如下代码示例。
<script type="text/javascript">
function Fn(){ //声明式函数 } var Fn = function{ //赋值式函数 }
</script>
声明式函数与赋值式函数的区别在于:在JS的预编译期,声明式函数将会先被提取出来,然后才按顺序执行js代码。这也就说明了一个问题,为什么当js函数的调用在在js函数声明之前,是不会报错的,请看代码,结果是显示对话框,"执行了声明式函数"。
<script type="text/javascript">
Fn(); //执行结果:"执行了声明式函数",在预编译期声明函数及被处理了,所以即使函数Fn()的调用放在函数的声明前也能执行。
function Fn() { //声明式函数
alert("执行了声明式函数");
}
</script>
如果是赋值式函数,就会报错,看代码
<script type="text/javascript">
Fn1();//会报错,因为在预处理阶段,不会对赋值式函数进行处理,所以赋值式函 数的调用不能放到赋值式函数的声明之前===0x800a138f - JavaScript 运行时错误: 缺少对象
var Fn1 = function () { //赋值式函数
alert("执行了赋值式函数");
//Fn1();//如果函数的调用放到这里就不会报错了
}
</script>
但是需要注意的一个问题是:我们的声明式函数可以放在函数调用之后,但是对于变量来说,变量的声明和赋值是不能放到变量调用之后的,看代码
<script type="text/javascript">
alert(str); //结果是,弹窗"undefined"
////js在预处理期对变量进行了声明处理,但是并没有进行初始化与赋值,所以导致结果是unfiened的。
var str = "aaa";
</script>
//
大家在看下面的代码下面的例子,感觉对undefined理论的解释是行得通的,我也有点儿不明白了。
<script type="text/javascript">
alert(str);//因为没有定义str,所以浏览器会出错,下面的不能运行
alert("我是代码块一");//没有运行到这里
var test = "我是代码块一变量";
</script>
<script type="text/javascript">
alert("我是代码块二"); //这里有运行到
alert(test); //弹出"undefined"
</script>
js执行顺序总结的更多相关文章
- js执行顺序
我们知道有个全局的 window对象,js的一切皆window上的属性和方法.window上有个window.document属性,记录了整个html的dom树,document是顶层. body 和 ...
- JS执行顺序-函数声明提升、匿名函数、函数表达式
大方向上: JS 是按照 代码块 进行 编译.执行 的. 学习至: 1.变量声明提升 2.新唐的博客 3.js中匿名函数的创建与调用方法分析 4.前端圣经 - <高程三> 5.深入理解变量 ...
- RequireJS 加载 js 执行顺序
初次接触RequireJS 对文档理解不很透彻,自己通过测试测到的执行顺序: 文档结构: |-amaze | -js | -amazeui.js | -jquery.min.js | -main.js ...
- js执行顺序——学习笔记
我们知道有个全局的 window对象,js的一切皆window上的属性和方法.window上有个window.document属性,记录了整个html的dom树,document是顶层. body 和 ...
- js执行顺序<转>
JavaScript执行引擎并非一行一行地分析和执行程序,而是一段一段地分析执行的.而且在分析执行同一段代码中,定义式的函数语句会被提取出来优先执行.函数定义执行完后,才会按顺序执行其他代码. 先看看 ...
- JS执行顺序问题
JavaScript执行引擎并非一行一行地分析和执行程序,而是一段一段地分析执行的.而且在分析执行同一段代码中,定义式的函数语句会被提取出来优先执行.函数定义执行完后,才会按顺序执行其他代码. 先看看 ...
- js 执行顺序
同步任务 异步任务 同步任务:立即执行 异步任务:进入到异步队列当中(Event Queue)eg:Ajax,SetTimeout,then,SetInterval Event loop 事件循环 T ...
- 小程序js执行顺序
底部tab 有 login/index my/index home/index 操作1>进 login/index 页面, index.js加载以下方法 onLoad页面加载onSh ...
- 关于js执行顺序
http://www.cnblogs.com/sanshi/archive/2011/02/28/1967367.html http://mtnt2008.iteye.com/blog/701981 ...
随机推荐
- 【bzoj4999】This Problem Is Too Simple! 树链剖分+动态开点线段树
题目描述 给您一颗树,每个节点有个初始值. 现在支持以下两种操作: 1. C i x(0<=x<2^31) 表示将i节点的值改为x. 2. Q i j x(0<=x<2^31) ...
- 论文笔记(一)Re-ranking by Multi-feature Fusion with Diffusion for Image Retrieval
0x00 预备知识 $\DeclareMathOperator{\vol}{vol}$ 无向图上的随机游走 无向图 $G=(V,E)$,边权函数 $w\colon V\times V \to R_+$ ...
- [SPOJ839]Optimal Marks
[SPOJ839]Optimal Marks 试题描述 You are given an undirected graph \(G(V, E)\). Each vertex has a mark wh ...
- Codeforces Round #316 (Div. 2) C 思路/模拟
C. Replacement time limit per test 2 seconds memory limit per test 256 megabytes input standard inpu ...
- HTML 改变文字方向
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- Windows通过data文件夹恢复mysql数据库
mysql--1146--报错 先找到数据库存放地址,即Data文件夹(复制留下来) 再用电脑管家把所有的mysql卸载 然后把mysql文件夹弄走(卸载不会清掉它,需手动,一般在C:\Program ...
- [论文]CA-Tree: A Hierarchical Structure for Efficient and Scalable Coassociation-Based Cluster Ensembles
作者:Tsaipei Wang, Member, IEEE 发表:IEEE TRANSACTIONS ON SYSTEMS, MAN, AND CYBERNETICS—PART B: CYBERNET ...
- soap1.1与soap1.2区别
- 【字符集及字符编码】UTF-8、UTF-16和UTF-32
UTF-32 用 4 个字节存储每一个字符,以保证能把 UCS 完全表达出来.但实际上 UCS 的字符数量根本不需要用 32 位表示,UTF-32 极大地浪费了空间.另外,由于组合字符的存在,定长表示 ...
- python笔记7:优雅的python
7. 如何让python代码更 Pythonic : 1.变量交换: a, b = b, a 2.带有索引位置的集合遍历: colors = ['red', 'green', 'blue', 'yel ...