Tech Docs Station

Appearance

概述 ​

JavaScript 是一种轻量级的脚本语言，用于为网页添加交互功能。它是前端开发的核心技术之一。

什么是 JavaScript？ ​

JavaScript 是一种解释型、动态类型的编程语言，最初由 Netscape 公司开发，现在由 ECMA International 标准化（ECMAScript）。

JavaScript 的特点 ​

  • 解释型语言：不需要编译，由浏览器直接执行
  • 动态类型：变量类型在运行时确定
  • 弱类型：支持隐式类型转换
  • 面向对象：支持原型继承
  • 跨平台：可在浏览器和 Node.js 中运行

JavaScript 能做什么？ ​

  • 操作 HTML 元素和 CSS 样式
  • 响应用户交互事件
  • 发送网络请求（AJAX）
  • 存储数据（LocalStorage、Cookie）
  • 动画效果
  • 表单验证

JavaScript 引入方式 ​

1. 行内脚本 ​

直接在 HTML 元素上使用事件属性：

html
<button onclick="alert('Hello!')">点击</button>

2. 内部脚本 ​

在 HTML 文档中使用 <script> 标签：

html
<script>
  console.log("Hello, JavaScript!");
</script>

3. 外部脚本（推荐） ​

将 JavaScript 写在独立的 .js 文件中：

html
<script src="script.js"></script>
javascript
// script.js
console.log("Hello, JavaScript!");

控制台输出 ​

浏览器开发者工具中的控制台是调试 JavaScript 的重要工具：

javascript
console.log("普通日志");
console.info("信息日志");
console.warn("警告日志");
console.error("错误日志");
console.table([{ name: "张三", age: 25 }]);

JavaScript 语法基础 ​

语句 ​

JavaScript 语句以分号结尾（可选但推荐）：

javascript
let a = 1;
let b = 2;
let c = a + b;

注释 ​

javascript
// 单行注释

/*
    多行注释
    可以跨越多行
*/

/**
 * 文档注释
 * @param {string} name 名称
 * @returns {string} 问候语
 */
function greet(name) {
  return "Hello, " + name;
}

标识符命名规则 ​

  • 由字母、数字、下划线(_)、美元符号($)组成
  • 不能以数字开头
  • 区分大小写
  • 不能使用保留字
javascript
// 合法标识符
let userName;
let _count;
let $element;
let firstName1;

// 非法标识符
// let 1name;      // 不能以数字开头
// let my-name;    // 不能包含连字符
// let class;      // 不能使用保留字

严格模式 ​

使用严格模式可以避免一些错误：

javascript
"use strict";

// 严格模式下的代码

严格模式的特点：

  • 变量必须先声明后使用
  • 不能删除不可删除的属性
  • 函数参数不能重名
  • 禁止使用 with 语句

下一步 ​

继续学习 JavaScript 的更多内容：