前端基础 —— C / JavaScript基础语法
以下是对《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 等)
函数 一等公民 非一等公民
---
如需,我可以进一步提炼为脑图或制作学习卡片。