第一章:JavaScript简介

大家好,我是你们这门课的主讲。今天咱们聊聊JavaScript的来龙去脉。说实话,这门语言刚出来那会儿,我还在上学,根本没想到它会变成今天这样——几乎统治了整个Web世界。

JavaScript的历史:一段“意外”的成功

JavaScript诞生于1995年。当时网景公司(Netscape)的工程师Brendan Eich,只花了10天就设计出了这门语言。你没看错,10天。我刚开始学JS时也觉得不可思议,一个10天搞出来的东西,能靠谱吗?

但事实证明,它太靠谱了。最初它叫Mocha,后来改名为LiveScript,最后才定名为JavaScript。为什么要蹭Java的热度?说白了,就是营销策略。当时Java火得一塌糊涂,网景想借个光。嗯,这招确实管用。

1997年,JavaScript被提交给ECMA(欧洲计算机制造商协会)进行标准化,于是有了ECMAScript这个正式名称。我个人习惯还是叫它JavaScript,毕竟大家都这么叫。

重要时间节点:

  • 1995年:Brendan Eich创建JavaScript
  • 1997年:ECMAScript第一版发布
  • 2009年:ES5发布,带来了严格模式
  • 2015年:ES6(ES2015)发布,这是JS历史上最大的更新
  • 之后每年发布一个新版本,持续进化

我在项目中遇到过不少老代码,还在用ES5那套写法。你想想看,2015年都过去快十年了,有些项目居然还没升级。所以我建议,新项目直接上ES6+,别犹豫。

JavaScript的应用场景:远不止浏览器

很多人以为JavaScript只能写网页特效。其实它的舞台大得很。我把它分成三个主要方向:

1. 前端开发(浏览器端)

这是JavaScript的老本行。从简单的表单验证,到复杂的单页应用(SPA),再到现在的AI驱动的交互界面,JS在前端领域已经无人能敌。你想想看,React、Vue、Angular这些框架,哪个不是基于JS?

我的建议:初学者先别急着学框架。先把原生JS搞透,框架只是工具。我曾经带过一个新人,上来就学Vue,结果连闭包是什么都说不清楚。后来我让他回去补基础,一个月后再回来,进步飞快。

2. 后端开发(Node.js)

2009年,Node.js的出现让JavaScript跑到了服务器上。这意味着你可以用同一门语言写前端和后端。我在公司主导过一个全栈项目,前后端都用JS,开发效率至少提升了30%。

为什么会这样?因为前后端共用一套数据类型、一套工具链,连错误处理逻辑都能复用。说白了,就是省心。

// 一个简单的Node.js服务器示例
const http = require('http');

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello, World!\n');
});

server.listen(3000, () => {
  console.log('服务器运行在 http://localhost:3000/');
});

3. 移动端开发

用JavaScript开发移动App?听起来有点奇怪,但确实可行。React Native、Flutter(虽然用Dart,但生态和JS紧密相关)、Ionic这些框架,都让你能用JS写原生应用。

我曾经用React Native给客户做过一个电商App。开发周期比原生Swift/Java缩短了一半,而且代码复用率极高。当然,性能上还是比纯原生差一点,但对于大多数业务场景来说,完全够用。

应用场景 代表技术 我的评价
前端 React, Vue, Angular JS的根据地,必学
后端 Node.js, Express 效率高,适合中小型项目
移动端 React Native, Ionic 跨平台利器,值得掌握

开发环境:从浏览器到编辑器

学JavaScript,你不需要装什么复杂的IDE。两个工具就够了:

1. 浏览器控制台

每个现代浏览器都自带开发者工具。按F12就能打开。控制台(Console)是你写JS最直接的 playground。我刚开始学JS时,就是在控制台里一行一行敲代码,看着结果实时出来,那种感觉特别爽。

注意:控制台适合测试小段代码,但不适合写完整的程序。我曾经见过有人用控制台写了一个完整的计算器,结果一刷新页面,代码全没了。嗯,这是个教训。

2. VS Code

这是我现在的主力编辑器。免费、轻量、插件丰富。我个人习惯装这几个插件:

  • ESLint:帮你检查代码错误
  • Prettier:自动格式化代码
  • Live Server:实时预览HTML页面
  • JavaScript (ES6) code snippets:快速补全代码

你想想看,一个好的编辑器能帮你省多少事。我见过有人用记事本写JS,然后手动刷新浏览器。说实话,那是自虐。

// 在VS Code中创建一个新文件,写上一段JS
// 然后右键 - 在终端中运行
console.log('欢迎来到JavaScript的世界!');

// 或者用Node.js运行
// node 文件名.js

小技巧:在VS Code里按Ctrl+`(反引号)可以快速打开终端。我每天要按这个快捷键几十次,已经形成肌肉记忆了。

总结:为什么你应该学JavaScript

JavaScript不是一门完美的语言。它有很多槽点:类型转换诡异、全局变量容易污染、回调地狱...但它的生态太强大了。你几乎可以用它做任何事情。

我曾经带过一个团队,从零开始用JS构建了一个完整的电商平台。前端用React,后端用Node.js,移动端用React Native。一套人马,一套技术栈,搞定了三个端。这种效率,其他语言很难做到。

所以,别犹豫了。打开你的浏览器控制台,或者VS Code,开始写第一行JavaScript吧。记住,每个高手都是从console.log('Hello World')开始的。

下一章,咱们聊聊JavaScript的基本语法。到时候我会分享一些我在项目中踩过的坑,保证让你少走弯路。