markdown JS概念与实践

Posted 2021-05-05

## 特点
- 解释型语言 开发效率高，运行速度慢
- 动态语言 变量和函数不指定返回值类型
- 基于原型的面向对象 原型继承，区别于基于类的面向对象
- 字面量的表现能力强大 对象、数组、正则表达式，无需 new 就可以得到期望的数据类型
- 函数式编程 尽管 JavaScript 能直接支持的程序设计范式在本质上还是过程式的，但由于具备了匿名函数，可以把函数作为对象来使用，所以同时也能够支持函数式编程

## 组成
>ECMAScript (ES) ES6 --Babel--> ES5: 是一套标准规范, 描述了语言的语法和基本对象

>Document Object Model (DOM): 文档对象模型, 描述处理网页内容(HTML元素)的接口(API, 属性和方法)

>Browser Object Model (BOM): 浏览器对象模型, 描述与浏览器进行交互的接口(API)

## JS 库和框架（便捷，兼容）
>jQuery

>zepto

## JS 运行环境
>Node.js

## 数据类型
>undefined 已声明未赋值的变量输出的结果

>null 不存在的对象的结果

## 数据类型
>ES5中的数据结构，主要是用Array和Object。在ES6中主要新增了Set和Map数据结构

>到目前为止，常用的数据结构有四种Array、Object、Set、Map

>数据结构主要围绕四个点：增、查、改、删

## 实现惯例

### 继承
>.prototype

>.call

>.apply

### 改变函数的上下文
>$.proxy(function,context) 

```
$.proxy(self.onClickCell, this)
```

>$.proxy(context,functionName)

```
$.proxy(this,"onClickCell")
```

## 常用类和方法
>JSON.stringify()

## 输入校验
>利用jQuery的validate控件

>利用jQuery.validator.addMethod()自定义验证方法

## 函数式编程
>lodash

JavaScript utility library

## 事件管理
>[Backbone.Events](https://blog.csdn.net/likun557/article/details/53169357)

与jQuery中的bind、unbind和trigger方法类似

Backbone.js框架基于underscore、非强制性依赖jquery/zepto

## 常用 JS 库
>require.js

>zepto.js

>underscore.js or lodash.js

>backbone.js

>jQuery.js

## 单元测试工具

>Jest

## 静态代码分析工具

>JSHint/JSLint，CSSLint

## JS 模块化

>CommonJS

>Node遵循 CommonJS 的规范，并做了取舍和增添

>Browserify 是目前最常用的 CommonJS 格式转换工具