JavaScript 基础语法核心要点：运算符、函数与作用域

运算符与表达式

运算符是执行操作的一系列符号，JavaScript 主要包含以下七类：

• 赋值运算符：=, +=, -=, *=, /=, %=, <<=, >>=, |=, &=
• 算术运算符：+, -, *, /, ++, --, %
• 比较运算符：>, <, <=, >=, ==, ===, !=, !==
• 逻辑运算符：||, &&, !
• 条件运算符：? :
• 位移运算符：|, &, <<, >>, ~, ^
• 字符串运算符：+（用于连接）

第1步：区分相等性判断

在 JavaScript 中，==（相等）和 ===（全等/恒等）的行为有显著区别，这是新手常犯的陷阱。

• == 仅比较值是否相等，涉及类型转换。例如：null == undefined 返回 true。
• === 要求值和类型都完全一致。例如：null === undefined 返回 false。

建议：在实际开发中，优先使用 === 和 !== 以避免隐式类型转换带来的不可预测行为。

由运算符和操作数组成的结构称为表达式，通常分为赋值、算术、布尔和字符串四类。

基本语句与控制流

JavaScript 程序由语句组成，提供完整的控制流语法：

• 分支语句：if...else, switch
• 循环语句：while, for, do...while, for...of/in
• 流程控制：break（中止循环）, continue（跳过当前迭代）
• 异常处理：try...catch
• 其他：with（不推荐在现代JS中使用）, let（块级变量声明）

函数定义与作用域

函数是可重用的代码块，定义时需注意作用域提升特性。

第2步：选择函数定义方式

JavaScript 主要有两种定义方式，它们在调用时机上不同：

1. 函数声明（Function Declaration）
   使用 function 关键字直接定义。
   

   function myFunc() { ... }

   特点：存在“提升（Hoisting）”现象。无论在哪里声明，都可以先在定义语句之前调用该函数。
2. 函数表达式（Function Expression）
   将函数赋值给一个变量，如 var myFunc = function() { ... };。
   特点：不存在提升。必须在定义之后才能被调用，否则会导致 undefined 或非函数错误。

关键参数说明：

• arguments 对象：在函数内部可访问所有传递的参数，它是一个类似数组的对象，具有 callee 属性指向当前函数。
• return：结束函数执行并返回值。
• yield：用于生成器函数，暂停执行并抛出值，直到下次调用 .next()。

变量与数据类型

JavaScript 是弱类型语言，变量的类型由赋值的值动态决定。

第3步：理解变量类型与声明

常用基础类型如下：

• String：字符串，如 "hello"
• Number：数字，包含整数和浮点数
• Boolean：true 或 false（注意不能加引号，否则变为字符串）
• Object：对象
• Array：数组
• null：空值，表示有意 absence of value
• undefined：未定义，变量声明但未赋值时的默认状态

声明方式对比：

• var：旧式声明，存在作用域提升，变量提升后初始值为 undefined，作用域为函数或全局。
• let：现代 ES6 标准，块级作用域，无变量提升（暂时性死区），推荐用于变量声明。

面向对象与事件

对象是 JavaScript 的核心，通过基于对象的程序设计可实现模块化和复用。
事件是用户交互（如点击 click、鼠标移入 mouseover）或页面状态变化触发的行为，需配合事件处理程序使用。

以上就是 JavaScript 入门基础之基本语法的详细内容，更多关于 JavaScript 教程的资料请关注本站其它相关文章！