前端基础 —— C / JavaScript基础语法

发布于:2025-09-15 ⋅ 阅读:(22) ⋅ 点赞:(0)

以下是对《3.JavaScript(基础语法).pdf》的内容大纲总结:

---

📘 一、JavaScript 简介
- 定义:脚本语言,最初用于表单验证,现为通用编程语言。
- 应用:网页开发、游戏、服务器(Node.js)、桌面/移动应用。
- 历史:1995年 Brendan Eich 用10天设计,原名 LiveScript。
- 与 Java 的关系:名字相似,实则不同。
- 与 HTML/CSS 的关系:
  - HTML:结构
  - CSS:表现
  - JavaScript:行为

---

🧠 二、运行与组成
- 运行过程:硬盘 → 内存 → CPU,浏览器解释执行。
- 浏览器组成:
  - 渲染引擎:解析 HTML/CSS
  - JS 引擎:如 Chrome 的 V8
- 组成结构:
  - ECMAScript(语法标准)
  - DOM(文档对象模型)
  - BOM(浏览器对象模型)

---

📝 三、基础语法

1. 输出方式
- `alert()`:弹窗
- `console.log()`:控制台输出
- `prompt()`:用户输入

2. 注释
- 单行:`//`
- 多行:`/* ... */`

---

🔧 四、变量与数据类型

1. 变量定义
- `var` / `let`
- 动态类型:变量类型运行时确定

2. 基本数据类型
- `number`:不区分整数与小数
- `string`:字符串
- `boolean`:布尔值
- `undefined`:未定义
- `null`:空值

3. 类型特性
- 类型可动态变化
- 特殊值:`Infinity`, `-Infinity`, `NaN`
- 字符串拼接与转义字符

---

🧮 五、运算符
- 算术:`+ - * / %`
- 赋值:`= += -= *= /=`
- 自增/自减:`++ --`
- 比较:`==`(隐式转换) / `===`(严格比较)
- 逻辑:`&& || !`
- 位运算:`& | ^ ~`
- 移位:`<< >> >>>`

---

🧭 六、控制结构

1. 条件语句
- `if...else`
- `switch`
- 三元表达式:`条件 ? 表达式1 : 表达式2`

2. 循环语句
- `while`
- `for`
- `break` / `continue`

---

🧺 七、数组

1. 创建与访问
- 字面量:`[]`
- 访问:`arr[索引]`
- 越界返回 `undefined`

2. 操作
- 修改 `length` 扩容
- `push()`:追加元素
- `splice()`:删除元素

---

🔁 八、函数

1. 定义与调用
- 使用 `function` 关键字
- 支持匿名函数与函数表达式
- 参数个数可不匹配,灵活性高

2. 作用域
- 全局作用域
- 函数作用域(ES6 之前无块级作用域)
- 作用域链:由内而外查找变量

---

🧩 九、对象

1. 创建方式
- 字面量:`{}`
- `new Object()`
- 构造函数(使用 `new`)

2. 特点
- 无类概念(ES6 前)
- 属性与方法不区分
- 无 `private/public`
- 无继承(通过原型链实现)
- 无多态(动态类型天然支持)

---

🧬 十、JavaScript 与 Java 的对比

特性    JavaScript    Java    
类型系统    动态类型    静态类型    
面向对象    基于原型    基于类    
多态    不需要(动态类型)    需要继承/接口    
访问控制    无    有(private 等)    
函数    一等公民    非一等公民    

---

如需,我可以进一步提炼为脑图或制作学习卡片。