JavaScript 基础入门：语法、数据类型与运算符

JavaScript 的三大组成部分

JavaScript 由三个核心部分组成：

ECMAScript：JavaScript 的基本语法和核心功能
DOM（文档对象模型）：处理网页内容的方法和接口
BOM（浏览器对象模型）：与浏览器交互的方法和接口

基本语法

引入 JavaScript 文件

<script src="文件路径"></script>

变量声明

使用 var关键字声明变量：

var 变量名 = 值;  
示例： var list = 11;

变量命名规则：可以包含数字、字母、下划线等，推荐使用骆驼峰命名法（如：myVariableName）。

数据类型

JavaScript 有以下基本数据类型：

Number（数字）：用于数学运算，如 1, 2, 3...
String（字符串）：由单引号''或双引号""包裹的文本
Boolean（布尔值）：true（真）或 false（假）
undefined：变量声明但未赋值时的默认值
null：表示空值或无值
Infinity：表示无穷大

类型检测

使用 typeof操作符检测变量类型：

console.log(typeof variable); // 输出变量类型

特殊值判断

isNaN()：判断是否为非数字，返回布尔值
null与任何值都不相等，包括它自己（除了严格相等比较）

运算符 (算术运算符)

+（加法）
-（减法）
*（乘法）
/（除法）
%（求余/取模）
**（幂运算，如 5**2 = 25）
++（自增）
--（自减）
注意：浮点运算可能存在精度问题。

比较运算符

>（大于）
<（小于）
>=（大于或等于）
<=（小于或等于）
==（值相等，不比较数据类型）
===（严格相等，比较值和数据类型）
!=（值不相等）
!==（严格不相等）

赋值运算符

=（赋值）
+=（加后赋值）
-=（减后赋值）
*=（乘后赋值）
/=（除后赋值）
%=（取模后赋值）

三元运算符

语法：条件 ? 值1 : 值2

var a = 9;
var result = a > 10 ? "大于10" : "小于等于10";

流程控制

条件语句

if...else：基于条件执行不同代码块
switch：多条件分支选择

循环语句

for：指定次数的循环
while：当条件为真时循环
do...while：先执行后判断的循环
for...in：遍历对象属性

循环控制

break：跳出循环
continue：跳过当前迭代，继续下一轮

函数

函数是执行特定任务的代码块：

function 函数名(参数1, 参数2) {
    // 函数体
    return 返回值; // 退出函数并返回值
}

形参：函数定义时的参数
实参：函数调用时传递的实际参数

浏览器对象模型（BOM）

BOM 提供了与浏览器交互的方法：

location.href = 'http://www.baidu.com'; // 跳转到指定网页
location.hash = '#section'; // 修改URL的hash部分
location.reload(); // 重新加载页面
location.search; // 获取URL查询参数

调试工具

使用 console.log()在开发者工具的控制台输出信息，用于调试：

console.log(60 > 66); // 输出：false

数值表示

八进制：以0开头，如012表示十进制的10
十进制：正常数字表示
浮点数：带小数点的数字

JavaScript 是一门强大的脚本语言，通过变量存储和操作数据，使用各种运算符进行逻辑判断和数学运算，通过流程控制语句实现复杂的逻辑，函数则提供了代码复用的能力。掌握这些基础知识是深入学习 JavaScript 的重要第一步。
通过本文的介绍，您应该对 JavaScript 的基本语法、数据类型、运算符和流程控制有了初步了解，为进一步学习 DOM 操作和 BOM 操作打下了坚实基础。

提示