JavaScript 执行顺序

最新推荐文章于 2024-07-14 14:30:57 发布

FXBStudy

最新推荐文章于 2024-07-14 14:30:57 发布

阅读量1.7k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/fanxiaobin577328725/article/details/51615284

版权

本文总结了JavaScript代码执行顺序的关键点，包括变量声明、函数声明与引用、代码块处理、函数覆盖、body.onload事件与函数执行顺序，以及JavaScript的单线程特性和回调函数的运用。详细探讨了函数声明语句与函数表达式的区别，强调了预处理和执行的顺序。同时，提到了JavaScript中回调机制的重要性，例如在事件处理和异步操作中的应用。

摘要由CSDN通过智能技术生成

编写JavaScript代码时，总遇到运行顺序与所预想的不太一样。在此做一下总结，如若有什么意见请留言。

一、变量的声明和引用

变量必须先声明后引用。

alert(myStr); // 弹出"undefined";
var myStr = "Hello World!";
alert(myStr); // 弹出"Hello World";

二、函数的声明和引用

JavaScript是一种描述型脚本语言，有浏览器进行动态的解析与执行。

函数的定义方式有两种，浏览器对于不同的定义方式有着不同的解析顺序。

//“定义式”函数定义-函数声明语句（《JavaScript权威指南》对应名词）
function Fn1(){
    alert("Hello World!");
}
//“赋值式”函数定义-函数定义表达式（《JavaScript权威指南》对应名词）
var Fn2 = function(){
    alert("Hello wild!");
}
//此处采用《JavaScript权威指南》中的术语

函数声明语句通常出现在JavaScript代码的最顶层，也可以嵌套在其他函数体内。但是在嵌套时，函数声明只能出现在所嵌套的函数的顶部。也就是说，函数定义语句不能出现在if语句，while循环等语句中。而且这种嵌套的移植性差。

尽管函数声明语句和函数定义表达式包含相同的函数名，但是二者仍然不同。