JavaScript 概述与开发环境
约 414 字大约 1 分钟
布欧-Lewyon
2026-05-16
首页 › JavaScript › JS 基础 › JavaScript 概述与开发环境
JavaScript 是什么
JavaScript(JS)是一门动态、弱类型、解释型的编程语言,是 Web 三大核心技术之一。它让网页从"静态文档"变为"交互应用"。
历史与版本
现代 JavaScript 指 ES6(ES2015)及之后的版本。所有现代浏览器都支持 ES6。
运行环境
| 环境 | 用途 |
|---|---|
| 浏览器 | 前端开发,操作 DOM,处理用户交互 |
| Node.js | 服务端开发,文件操作,后端服务 |
| Deno / Bun | 新兴运行时 |
引入方式
1. 外部脚本(推荐)
<script src="app.js"></script>
<script src="lib.js" defer></script>defer:HTML 解析完成后执行,保持顺序。 async:下载完成后立即执行,不保证顺序。
2. 内联脚本
<script>
console.log('Hello, JavaScript!');
</script>3. 行内事件(不推荐)
<button onclick="alert('点击')">按钮</button>开发工具
// Console 控制台——按 F12 打开
console.log('普通日志');
console.error('错误信息');
console.warn('警告');
console.table([{ name: '张三', age: 28 }]);
console.time('计时');
// ... 代码 ...
console.timeEnd('计时');基本结构
// 这是单行注释
/*
这是
多行注释
*/
// 语句以分号结尾(可省略,但推荐)
let message = 'Hello, World!';
console.log(message);小结
| 概念 | 要点 |
|---|---|
| 版本 | 学习 ES6+ 现代 JavaScript |
| 引入 | 外部 <script> 推荐,用 defer |
| 控制台 | F12 → Console,console.log 调试 |
| 注释 | // 单行 / /* */ 多行 |
下一节:变量与声明
