# JS语言历史及基本特性介绍

# JS历史

1994年，网景公司（Netscape）发布了Navigator浏览器0.9版。
网景公司急需一种网页脚本语言，使得浏览器可以与网页互动。
评：初始设计目标。
1995年5月，网景公司做出决策，未来的网页脚本语言必须"看上去与Java足够相似"，但是比Java简单，使得非专业的网页作者也能很快上手。
评：划重点 “非专业也能很快上手”。
1995年5月，Brendan Eich 花10天设计了Javascript。
评：天生劣势。
1996年8月，JScript随IE3.0发布。
浏览器大战。
评：标准化动机。
1996年11月，网景公司将JavaScript提交给欧洲计算机制造商协会进行标准化。
ECMA-262的第一个版本于1997年6月被ECMA组织采纳。
2007年10月，ECMAScript 4.0版草案发布，各方对于是否通过这个标准，发生了严重分歧。
4.0 流产，小改动发布为3.1，后改名为ECMAScript 5。
评：我们接触JS的开端；产商撕逼。
2008 年谷歌发布v8引擎。
评：性能飞跃；WEB最强盟友出现。
2009年Nodejs发布。
评：JS突破次元（参考1）
2014年 6to5 发布，2015年改名为Babel。
评：社区的力量。

JS设计目标是为了在浏览器中运行，推荐阅读浏览器大战 (opens new window)相关资料，了解ECMAScript (opens new window)标准化的幕后故事。

Javascript诞生记 (opens new window)
JavaScript深入浅出 (opens new window)
巴别塔 (Babel) (opens new window)

# JS语言基础（如何学习一门编程语言）

# 保留关键字、符号、语法

JavaScript 保留关键字 (opens new window)
符号：{}、[]、()、+ - * /、~ ! & |、&& ||、?:
基本语法：变量定义（const、let、var），函数定义（function、箭头函数），条件分支（if、switch），循环（for、while）

# 数据结构、标准库

# 原始数据类型：字面量

String: 'hello world'
Number: 42
Boolean: true
BigInt: 42n
null
undefined
Symbol

注意区别

const a = '111'; 
const b = new String('111'); 
console.log(a === b)

# 复杂数据类型及常用方法

简单Object Object.assign, Object.keys, Object.values, Object.entries, Object.fromEntries, Object.freeze, ~~Object.defineProperty~~, ~~Object.create~~
Array map, filter, reduce, slice, concat, flat, flatMap, join
pop, push, shift, unshift, splice, sort, fill
some, every, includes
find, findIndex, indexOf
forEach
Map get, set, has, delete, keys, values
Set add, delete, has, values
WeakMap WeakSet WeakMap的key、WeakSet中的元素是弱引用，即它们引用的对象不会被垃圾回收机制额外增加计数

熟练使用自带方法，写出更加简洁优雅的代码

[1, 2, 3, 2, 1].reduce((s, p) => s.includes(p) ? s : s.concat(p), [])

社区默认的标准库：Lodash (opens new window)
JavaScript 标准内置对象 (opens new window)

# 代码调试

# 模块化、包管理（项目代码组织必要能力）

# 模块化

原始：N/A
历史：AMD , CMD, CommonJS，UMD (opens new window)
未来已至：ES Module (opens new window)

# 包管理

# IO、并发/异步（通用能力）

# Nodejs

# 浏览器

# 并发/异步

# 值得关注的未来

持续关注标准规范：TC39 (opens new window)
解决前端工具链过于复杂的问题：Rome (opens new window)
解决大型项目可维护性问题：TypeScript (opens new window)
新的运行环境：Deno (opens new window)

# 讲稿

### 本次分享

主要内容包括介绍JS的历史，然后汇总JS基础涉及的知识

## 内容

### 第一节

1. **历史1、2项**，我个人认为，JS语言天生的优缺点都可以归结到这两个原因上
2. 预期一个月的任务你一个星期做完了，有两种可能：你牛逼；你偷懒了。就这个案例来说，布兰登·艾奇应该是牛逼并且偷懒了。  
3. 关于标准化的意义我没什么要说的
4. 我们最开始基本上都是学习使用ES5的，其实早在07年就发布了；**在座的有没有一开始就学习ES6的？**  
5. ES5是妥协的产物，妥协原因就是背后厂商的利益诉求不同，这种现象会一直持续下去
6. V8的性能飞跃创造了很多可能性，没有V8可能Nodejs就不会出现
7. **为什么说谷歌是WEB最强盟友?** 
8. Nodejs对前端的意义不言而喻，其实它最开始主要应用于前端工程化。以前广泛应用的谷歌 提供的closure-compiler 是用java写的，就是用来混淆压缩js源码的那个工具
9. Babel象征社区的力量参与标准制定。
10. 大家看这个历史过程，都是环环相扣的

下面是一些参考链接，有兴趣的同学可以深入了解

### 第二节

这些基础知识大家应该都比较熟悉了（除了保留字）

我尝试从“如何学习一门编程语言”这个视角来介绍JS语言基础，大家可以了解一下通用编程语言（对应DSL）的一些相通之处

根据我个人经验，汇总一下几个方面了解一门编程语言：

1. 保留关键字、符号、语法，数据结构、操作数据结构的标准库，然后再学习一下调试方法基本可以写代码了
2. 如果要用来写项目，就需要用到模块化、包管理知识，项目代码组织的必要能力
3. 加减乘除 单纯的计算逻辑，肯定不能满足常规需求，不论实现项目功能还是自己写脚本工具，IO、并发/异步这些通用能力都是必不可少的。

这部分的内容基本都是一些资料的合集，我们快速过一下，大家有感兴趣的点可以随时提出来

---

JS的保留字超级多，有些还没用到，即使十年经验，绝大部分都背不出来

这里只提一个有意思的点，ES6有一个for...of的语法，of看起来类似in，但不是保留字，也就是说可以用来命名变量，但最好不要这么做k

js的符号比较神奇，我提一个问题，**圆括号有几个应用场景？**（函数参数、函数调用、表达式求值）

这其实是一个不好的地方，虽然我们已经习惯，初学者需要下意识区分的

另举一个对我们有影响的例子：花括号既用来做对象的字面量，有用来定义代码块，所以简写的箭头函数返回对象的时候会有一些麻烦。`({...})`

---

基本数据类型，只提一个点 ，注意原始类型跟对象的区别

**有人有其他疑问么？**

---

复杂数据类型及常用方法 太多了，就不逐个介绍了。

熟练使用这些这些方法，你会发现“我靠，JS还可以这样写”。

看下面这个例子，**这行代码返回什么？**

当熟练使用lodash/fp之后，你又会重复前面那句话。

先挖个坑，以后再深入介绍JS数据处理。

---

代码调试，基础功能应该很容易上手，深入一点点的话Chrome devtools可以单独做一次分享，**有人报名么？**

---

原始时代，JS没有模块化、包管理，随着前端项目复杂度增加，出现了一系列模块化方案，底层都是通过函数作用域来隔离模块

然后终于标准规范ES Module让JS 语言终于有了原生的模块支持

---

IO、并发/异步（通用能力）的资料都在这里，我讲不动了

自由讨论。。。

---

值得关注的未来，大家有新提议么。。

我学不动了。。