2. JavaScript 基础:变量、运算符、分支
JavaScript 是前端开发中最重要的语言之一,掌握其基础语法和执行过程对于初学者来说至关重要。本文将基于一些示例代码,对 JavaScript 的变量、数据类型、运算符、输入输出方式以及程序执行流程进行详细讲解。
一、JavaScript 的执行过程
1. 代码引入方式
JavaScript 代码可以通过以下两种方式引入到 HTML 页面中:
- 内联脚本:在 HTML 文件中使用
<script>
标签直接编写 JavaScript 代码。 - 外部脚本:通过
<script>
标签的src
属性引入外部.js
文件。
2. 执行顺序
JavaScript 代码的执行顺序是从上到下,但浏览器会优先渲染 HTML 和 CSS,而将图片、视频和外部资源的加载放在后面。当 JavaScript 代码执行时,浏览器会暂停 HTML 和 CSS 的渲染,直到 JavaScript 代码执行完毕。
3. 多个 <script>
标签
页面上有多个 <script>
标签时,代码会按照从上到下的顺序执行,实际上这些代码会被拼接在一起执行。
二、变量和基本数据类型
1. 变量
- 定义:变量用于存储值,可以在程序执行过程中改变。
- 声明:使用
var
关键字声明变量。 - 命名规范:
- 以字母或下划线
_
开头。 - 由字母、数字和下划线组成。
- 遵循小驼峰命名法(如
myName
)。 - 不能使用 JavaScript 的保留字或关键字(如
var
、if
、for
等)。
- 以字母或下划线
2. 基本数据类型
- 数字 (number):可以是整数或小数,正数或负数。
var score = 95; var height = 180.5;
- 字符串 (string):用单引号
'
或双引号"
包裹的文本。var myName =