JavaScript 代码执行顺序与数据类型

2023-11-23 18:40:23

浏览器解释代码时，会从上到下逐行读取。当遇到 <script> 标签时，浏览器会直接解析 JavaScript 代码，而暂停解析后面的 HTML 元素。因此，后面的 HTML 元素在 JavaScript 代码执行完毕前是不可用的。

除了暂停解析 HTML 元素外，JavaScript 代码还会加载外部资源，例如通过 src 引入的图片、JavaScript 文件，以及通过 href 引入的 CSS 文件。整个文档需要完全加载，包括所有资源，才能执行 JavaScript 代码。

当 JavaScript 代码执行完毕，浏览器才会继续解析剩下的 HTML 元素。这个顺序对于确保页面呈现正确至关重要，因为它确保了脚本不会干扰页面布局或影响用户交互。

JavaScript 中的数据类型

JavaScript 是一种动态类型语言，这意味着变量的数据类型会在运行时确定。JavaScript 中最基本的数据类型包括：

字符串 (string)： 由字符序列组成，例如 "Hello, world!"。
数字 (number)： 可以是整数或浮点数，例如 123 和 3.14。
布尔值 (boolean)： 表示真假，只有两个可能的值：true 或 false。
null： 表示一个空值或不存在的值。
undefined： 表示一个未声明或未赋值的变量。
对象 (object)： 可以存储相关数据的键值对集合。

JavaScript 还可以使用数组、函数和正则表达式等更高级的数据类型。

理解代码执行顺序

为了理解 JavaScript 代码的执行顺序，让我们看一个示例：

<html>
<body>
  <h1>Hello, world!</h1>
  <script>
    // 这里的代码会在浏览器解析 <body> 元素之前执行
    console.log("JavaScript 已加载！");

    // 这里的代码会在 <body> 元素解析完毕后执行
    alert("页面已加载完毕！");
  </script>
</body>
</html>