JavaScript 简介

xiaoren

2019-06-30

关注关注

JavaScript 简介

一般来说，完整的JavaScript包括以下几个部分：

ECMAScript，描述了该语言的语法和基本对象；
文档对象模型（DOM），描述处理网页内容的方法和接口；
浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

本文（系列）主要探讨ECMAScript的特性和应用，因为平时交流习惯用JavaScript，后面都用JavaScript代替，实际上JavaScript是ECMAScript标准的实现和扩展。

JavaScript 是一门多范式的动态语言，包含类型、运算符、标准的内置对象和方法。
关于JavaScript 的设计思路，阮一峰老师是这么总结的：

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

综合各家所长，发展出了一门多范式的动态语言：

多范式：支持命令式编程（流程控制语句）、支持函数式编程（函数是一等公民）、支持面向对象编程（原型扩展）；
动态：
- 弱类型，使用var声明变量；
- 对象属性任意扩展；
- 解释执行语言，代码不进行预编译（浏览器端）。

JavaScript 发展历程

1995年创建——Brendan Eich（Netscape工程师）；
1996年首次发布——在Netscape 2上，当时被称为 LiveScript ，因为和 sun 合作，搭上Java这个编程语言“热词”，重命名为“JavaScript”；
1997年设立标准——ECMA以JavaScript语言为基础制定了ECMAScript标准规范ECMA-262；
1999年发布第3版；
2009年发布第5版（ES5）；
2015年发布第6版（ES6/ES2015）；
2016年发布第7版（ES7/ES2016）；
2017年发布第7版（ES8/ES2017）；
2018年发布第7版（ES9/ES2018）。

多了个年份的叫法，不查资料都搞不清哪来这么多标准。更多请查阅ecma-262 或者维基百科-ECMAScript。
是不是有点奇怪，为啥没有ES4呢，因为ES4夭折了~~据说是BE大佬步子迈太大，组织上没同意，想简单了解的童鞋可以看下知乎上尤大的回答

JavaScript 语言特性

弱类型

JavaScript使用var、let、const关键字来进行变量声明，除了const声明一个只读常量外，其他两种方式并不确定变量的类型：

var a=1
a={
    name:'jack'
}
a='lucy'

在Java强类型语言中必须这么写：

int a;
String b;

优点：

可以写出非常简洁的代码。

缺点：

写法随意，在没有良好编程规范的情况下写出来的可能是个雷区；
无法预检查。例如下面的函数，期望是数值，传入数值型字符串不会报错，返回的不是预期值从而导致bug：
```
function add(a,b){
    return a+b;
}
//期望，return 3
add(1,2)
//bug，return '12'
add('1',2)
```

弱类型的缺点容易导致bug，降低开发效率。开发建议：

变量声明表意清楚唯一；
写好JSDoc文档，函数的参数要求、返回值;
使用TypeScript等严格超集阮一峰——强类型 JavaScript 的解决方案。

对象属性任意扩展

强类型语言对象结构在声明时已经确定好，添加字段需要修改声明，JavaScript 的对象声明简单，扩展容易，写起来更轻松自由。

var cat={};
cat.name='mimi';
cat.age=1;

优点：

写起来方便；

var list=[];
$.ajax({
    ...
    onSuccess(res){
        list=res.data;
    }
})

缺点：

不方便管理，使用不安全。

开发建议：

关键字段在声明时定义清楚；
不随意增删对象属性。

支持面向对象编程

JavaScript中一切都是对象。

// '1'
1['toString']()

而且对象的继承实现简单：

开发建议：

方式有很多种、使用prototype模式或者其他浅显易懂的方式来实现：

　　function Cat(name,color){
　　　　this.name = name;
　　　　this.color = color;
　　}

　　Cat.prototype.type = "猫科动物";
　　Cat.prototype.eat = function(){alert("吃老鼠")};