1.1 什么是JavaScript
JavaScript是一种轻量级的解释型编程语言，主要用于为网页添加交互功能。它与HTML和CSS并称为前端开发的三大核心技术。
特点：
- 解释型语言：不需要编译，由浏览器直接解释执行
- 动态类型：变量类型在运行时确定
- 基于原型：使用原型链实现继承
- 多范式：支持面向对象、函数式和命令式编程风格
// 简单的JavaScript代码
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("World")); // 输出: Hello, World!1.2 JavaScript的发展历史
JavaScript由Brendan Eich在1995年用10天时间设计出来，最初命名为Mocha，后改名为LiveScript，最终确定为JavaScript。
重要里程碑：
- 1995年：JavaScript诞生
- 1997年：ECMAScript标准第一版发布
- 2009年：ES5发布，带来JSON支持等
- 2015年：ES6(ES2015)发布，重大更新
- 每年：ECMAScript发布新版本
1.3 JavaScript能做什么
现代JavaScript几乎无所不能：
- 网页交互：表单验证、动画效果、内容更新
- 前端开发：React、Vue等框架构建复杂应用
- 后端开发：Node.js环境
- 移动应用：React Native等框架
- 桌面应用：Electron框架
- 游戏开发：2D/3D游戏
- 数据库操作：MongoDB等
- 物联网：设备控制
1.4 JavaScript运行环境
- 浏览器环境：Chrome、Firefox、Safari等现代浏览器通过<script>标签嵌入HTML
- Node.js环境：服务器端JavaScript运行环境可以创建Web服务器、操作文件系统等
浏览器示例：
<!DOCTYPE html>
<html>
<head>
<title>JS示例</title>
</head>
<body>
<script>
alert('Hello from browser!');
</script>
</body>
</html>Node.js示例：
// 保存为hello.js
console.log('Hello from Node.js!');
// 命令行运行
// node hello.js1.5 第一个JavaScript程序
让我们编写一个简单的交互式程序：
<!DOCTYPE html>
<html>
<head>
<title>第一个JS程序</title>
</head>
<body>
<button id="greetBtn">点击我</button>
<script>
// 获取按钮元素
const button = document.getElementById('greetBtn');
// 添加点击事件监听器
button.addEventListener('click', function() {
const name = prompt('请输入你的名字');
if (name) {
alert(`你好，${name}！欢迎来到JavaScript世界！`);
}
});
</script>
</body>
</html>代码解析：
- HTML部分创建了一个按钮
- JavaScript部分：通过document.getElementById获取DOM元素使用addEventListener添加点击事件点击时弹出输入框获取用户名然后显示欢迎消息
这个简单示例展示了JavaScript如何与网页交互，实现动态效果。