JavaScript 是一种运行在浏览器中的动态编程语言,由引擎直接解释执行;它与 HTML(结构)、CSS(样式)协同实现网页行为,支持多范式编程,通过事件循环处理异步任务,嵌入方式包括内联、内部和外部脚本。

JavaScript 是一种运行在浏览器中的动态编程语言,不是 Java 的脚本版,也不需要编译——它直接由浏览器的 JavaScript 引擎(如 V8、SpiderMonkey)解释执行。
JavaScript 是什么?和 HTML/CSS 有什么关系?
HTML 定义页面结构,CSS 控制样式,JavaScript 负责行为:比如点击按钮弹窗、校验表单、动态加载数据、操作 DOM 元素。三者分工明确,缺一不可。
它是一门多范式语言,支持:
- 函数式编程(
map、filter、箭头函数() => {}) - 面向对象(基于原型的
class和prototype) - 事件驱动(
addEventListener、click、fetch回调)
注意:JavaScript 在浏览器中默认是单线程的,靠事件循环(Event Loop)处理异步任务,不是靠多线程并发。
立即学习“Java免费学习笔记(深入)”;
如何把 JS 代码嵌入网页并运行?
有三种常见方式,推荐从最简单的开始:
-
内联脚本:在 HTML 的
标签里写代码(适合快速验证) -
内部脚本:把
放在或底部,代码写在里面 -
外部脚本:用
引入独立文件(适合正式项目)
⚠️ 关键细节: 默认是同步阻塞加载,放在 里可能卡住页面渲染;若必须放头部,加 defer 属性()确保 DOM 解析完再执行。
写出第一个可运行的 JavaScript 程序
新建一个 index.html 文件,内容如下:
我的第一个 JS 程序 Hello
用浏览器打开这个文件,点击按钮,标题文字就会改变。这就是最基础的 DOM 操作 + 事件响应。
别急着学框架,先确认你能:
- 在浏览器开发者工具(F12 → Console)里输入
console.log('ok')并看到输出 - 用
document.querySelector替代getElementById获取元素 - 把
块移到最底部,再测试是否仍正常工作
初学者最容易忽略的三个细节
一是变量作用域:用 var 会变量提升,let 和 const 是块级作用域,不加声明直接赋值(如 name = 'Alice')会挂到全局 window 上,极易污染环境。
二是类型隐式转换:'5' + 3 得 '53',但 '5' - 3 得 2;建议用严格相等 === 替代 ==。
三是异步时序误解:写 fetch('/api') 后立刻读返回值,得到的是 Promise 对象,不是数据本身;得用 .then() 或 async/await 处理。
这些不是“进阶知识”,而是从第一行代码起就该建立的直觉。










