前言


JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。介绍来源于百科

JS的诞生

Javascript 到底是怎么设计出来的呢？

Javascript 是Brendan Eich 在1995年，因为在职公司（网景）的需求花10天写出来的一种网页脚本语言，使得浏览器可以和网页互动！！！
网景公司需求：**网页脚本语__言 __必须”看上去与Java足够相似”，但是比Java简单，使得非专业的网页作者也能很快上手！**

Brendan Eich 的思路是这样的：

  • 借鉴C语言的基本语法；
  • 借鉴Java语言的数据类型和内存管理；
  • 借鉴Scheme语言，将函数提升到“第一等公民”（first class）的地位；
  • 借鉴Self 语言，使用基于原型（prototype）的继承机制。

所以，Javascript语言实际上是两种语言风格的混合产物——（简化的）函数式编程+（简化的）面向对象编程。这是由Brendan Eich（函数式编程）与网景公司（面向对象编程）共同决定的。

摘自 阮一峰

JS 语言的特点

  1. 解释性语言(不需要编译成文件)跨平台。

  2. 单线程。

  3. ECMA 标准-为了取得技术优势微软推出了 JScript，CEnvi 推出 ScriptEase，与 JavaScript 同样可在浏览器上运行。为了统一规格 JavaScript 兼容于 ECMA 标准，因此也称为 ECMAScript。

(一) 解释性语言与编译性语言的区别

  • 编译性语言：程序再执行之前需要一个专门的编译过程，把程序编译成为机器语言的文件，运行时不需要重新翻译，直接使用编译的结果就行了。程序执行效率高，依赖编译器，跨平台性差些。如 C、C++ 等

  • 解释性语言：解释型语言的程序不需要再运行前编译，再运行程序的时候才翻译，专门的解释器负责再每个语句执行的时候解释程序代码。这样解释型语言每执行一次就要翻译一次，效率比较低。如 JavaScript php python 等

  • java有点特殊他是先通过一个指令 javac —>编译—> .class 文件再通过 —-> jvm 虚拟机—解释执行


  • 初识 · JavaScript - 图1

    (二) 单线程

  • 单线程再程序执行时，所走的程序路径按照连续顺序排下来，前面的必须处理好，后面的才会执行。

再下图中我们看到动画再同步执行，但是我们又再说 JavaScript 的特点是单线程，那么为什么他可以同步执行动画呢？这就不的不说 js再两个setInterval的时候了
1553156782667.gif

同时执行两个或者多个setInterval时

**

  • 会以轮转时间片的方式运行

(一) 轮转时间片

轮转时间片： 时间片轮转调度是一种最古老，最简单，最公平且使用最广的算法，又称RR调度。每个进程被分配一个时间段，称作它的时间片，即该进程允许运行的时间。

假设要执行两个任务

  1. 任务 A 和任务 B。
  2. js引擎会把任务 A 和任务 B 切成以毫秒或者微秒为单位的片段。
  3. 把这些片段按照随机的方式进行排列（这个也叫争抢时间片）。
  4. 再把这些排列好的片段一个一个往JS引擎里面去送。
  5. 再JS引擎以一个一个片段为基准单位去执行这个片段，把任务 A 和任务 B 按照片段是执行完。

JavaScript 的运行机制

前面介绍了单线程的运行方式，但是这种的运行方式会造成一种很大的浪费，特别是再计算器处理器速度越来越快的情况下。然后再进行输入输出操作时（ajax操作），这种时候就不得不等到处理结果出来再往下执行。

这个时候主线程可以完全不用管输入输出设备，可以将程序暂时挂起，执行别的任务，等待结果，之后再把挂起的任务给执行下去。

所以，任务就可以分成两种，一种是 同步任务 ，一种是 异步任务 。

同步任务就是前面介绍的单线程，按照主线程执行。

异步任务就是前面介绍的，按照任务队列，遇到类似输入输出的任务时将其挂起，等待通知主线程，任务才会继续执行下去
image.png

还有如果主线程空了，浏览器会去读取“任务队列”。这个过程会一直重复。

参考文件

认识JavaScript
javascript百度百科
JavaScript 运行机制详解：再谈Event Loop 阮一峰

Javascript的10个设计缺陷

一、为什么Javascript有设计缺陷？

  1. 设计阶段过于仓促
    2. 没有先例
    3. 过早的标准化

二、Javascript的10个设计缺陷

  1. 不适合开发大型程序
    2. 非常小的标准库
    3. null和undefined
    4. 全局变量难以控制
    5. 自动插入行尾分号
    6. 加号运算符
    7. NaN
    8. 数组和对象的区分
    9. == 和 ===
    10. 基本类型的包装对象

三、如何看待Javascript的设计缺陷？

更多详情请查看Javascript的10个设计缺陷