js 分类

声明文件

通常我们会把声明语句放到一个单独的 xx.d.ts 文件中

/path/to/project
├─ src
│  ├─ index.ts
│  └─ jQuery.d.ts
└─ tsconfig.json

Emilia Zhen大约 5 分钟

typescript

npm install -g typescript

Emilia Zhen大约 8 分钟

es6

变量声明

var	有变量提升问题	没有作用域
let	没有变量提升	没有作用域
const	没有变量提升	const 定义的常量，无法再重新赋值，而且必须初始化

解构赋值

Emilia Zhen大约 8 分钟

JS高级

 ┌─────────────────────────────────────────┐  ┌─────┐
 │         User Interface                  │  │  D  │
 └────────────────┬────────────────────┬───┘  │  a  │
                  │                    │      │  t  │
                  │                    │      │  a  │
 ┌────────────────▼────────────────┐   │      │     │
 │  Browser engine                 ├───┼─────►│  P  │
 └────────────────┬────────────────┘   │      │  e  │
                  │                    │      │  r  │
 ┌────────────────▼────────────────┐   │      │  s  │
 │ Rendering engine                │   │      │  i  │
 └────┬──────────────┬──────────┬──┘   │      │  s  │
      │              │          │      │      │  t  │
      │              │          │      │      │  e  │
 ┌────▼─────┐ ┌──────▼─────┐  ┌─▼──────▼──┐   │  n  │
 │Networking│ │ JavaScript │  │UI Backend │   │  c  │
 │          │ │ Interpreter│  │           │   │  e  │
 └──────────┘ └────────────┘  └───────────┘   └─────┘

Emilia Zhen大约 7 分钟

ajax

Ajax

Asynchronous Jacascript And XML，就是使用JS代码获取服务器数据，实现异步请求，局部刷新

在JS中事件Ajax主要的类就是XMLHttpRequest，它的使用一般有 4 个步骤

创建 XMLHttpRequest对象

if (window.XMLHttpRequest) {
  var xhr = new XMLHttpRequest()
} else {
  var xhr = new ActiveXObject('Microsoft.XMLHTTP')
}

Emilia Zhen大约 3 分钟

jQuery

页面加载事件

    // 同window.onload,页面结构和外部资源全部加载完毕后执行
    $(window).load(function () {});

    // 页面结构加载完毕后就执行, 优先于load()事件之前执行, 推荐使用该方式
    $(document).ready(function () {});

    // 同$(document).ready(function(){});
    jQuery(function () {});

    // 因为jQuery等同于$   所以功能同上
    $(function () {});

Emilia Zhen大约 8 分钟

正则表达式

元字符

默认情况下一个元字符匹配一个字符

\d	数字
\D	非数字
\w	字符[0-9a-zA-Z_]不包括空白字符
\W	非..
\s	空白字符空格回车换行
\S	非..
.	除了换行以外所有的字符
^	限制开头
$	限制结尾

Emilia Zhen大约 3 分钟

对象

JavaScript 的对象是无序属性的集合。

对象创建方式

对象字面量

var o = {
  name: 'zs',
  age: 18,
  sex: true,
  sayHi: function () {
    console.log(this.name)
  },
}

Emilia Zhen大约 3 分钟

函数和作用域

函数的返回值

返回值就是函数执行完毕的结果 return 要返回的内容
如果函数没有写return, 默认会返回一个undefined
return后面什么也不写, 默认会返回一个undefined
return会结束整个函数的执行, 一个函数只能有一个返回值
return与break的区别: break: 结束整个循环的执行 return: 结束整个函数的执行

Emilia Zhen大约 2 分钟

数组

数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。

var arr = ['1', 1, 'xx']
arr[0] = '1'
arr.length = 3

Emilia Zhen大约 3 分钟