JS基础语法

1. JavaScript 基本概念

JavaScript 是一种客户端脚本语言，用于实现网页交互、动态内容和浏览器操作。它是跨平台、跨浏览器的解释型语言。

官方文档：JavaScript.info

2. JavaScript 特点

• 弱类型语言：变量类型可自动转换

  对比：Java、C++等是强类型语言

• 跨平台：只要有浏览器就能运行

• 事件驱动：响应鼠标、键盘等用户交互事件

3. Java vs JavaScript

• 完全不同的语言

• Java：Sun公司开发的高级编程语言

• JavaScript：网景公司开发的脚本语言（原名LiveScript）

4. JavaScript 用途

• 表单客户端验证

• 动态HTML效果

• 用户交互动画

• 动态修改网页内容和样式

5. 开发运行环境

• 开发：文本编辑器

• 运行：现代浏览器

• 注意：由浏览器解析，与服务器无关

6. 优缺点

优点：

1. 客户端验证节省服务器资源

2. 灵活操作页面对象

3. 支持分布式运算

局限：

1. 浏览器兼容性问题

2. 不能直接操作本地文件系统

7. JavaScript 组成

• ECMAScript：语言核心（语法、数据类型等）

• DOM：文档对象模型（操作HTML/XML）

• BOM：浏览器对象模型（操作浏览器窗口）

8. 引入方式

8.1 HTML中引入JS

• 外部文件：

  <script src="file.js"></script>

• 内联代码：

  <script>/* code */</script>

注意事项：

• 通常放在</body>前避免阻塞

• 在head中使用需加window.onload

• 不能在style标签中使用

8.2 HTML中使用JS

• 事件属性：

  <div onclick="alert()"></div>

• JavaScript伪协议：

  <a href="javascript:alert()"></a>

9. 输出语句

• alert("消息")：弹窗输出

• document.write("内容")：页面输出（可含HTML）

• console.log()：控制台输出（调试用）

10. 语句与注释

• 语句以分号结尾

• 单行注释：//

• 多行注释：/* ... */

11. 标识符规则

1. 组成：字母、数字、_、$

2. 不能以数字开头

3. 大小写敏感

4. 不能使用保留字

5. 命名规范：

   • 变量：驼峰式（myVariable）

   • 常量：全大写（MAX_VALUE）