学前端也快一年了，最近想试试大公司的面试，然后这里把所有的知识点都整理出来，然后慢慢消化。该片总字数：1770，速读三分半，普通6分钟。有兴趣的可以关注一下我的blog
语法、数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、jQuery、EMCAScript、ES6、NodeJS、Vue、React
运算符分类：赋值运算符、比较运算符、算数运算符、位运算符、逻辑运算符、字符串运算符、条件运算符、逗号运算符、一元运算符、关系运算符
- 简单赋值运算符只有一个
=。 - 复合赋值运算符：
| 名字 | 简单操作符 |
|---|---|
| 加法赋值 | x += y |
| 减法赋值 | x -= y |
| 乘法赋值 | x *= y |
| 除法赋值 | x /= y |
| 求余赋值 | x %= y |
| 求幂赋值 | x **= y |
| 左位移赋值 | x <<= y |
| 右位移赋值 | x >>= y |
| 无符号右移位赋值 | x >>>= y |
| 按位与赋值 | x &= y |
| 按位异或赋值 | x ^= y |
| 按位或赋值 | x |
- 解构：这是es6中出现的一种更加复杂的赋值运算。
var foo = ["one", "two", "three"];
// 不使用解构
var one = foo[0];
var two = foo[1];
var three = foo[2];
// 使用解构
var [one, two, three] = foo;| 运算符 | 描述 |
|---|---|
| 等于(==) | 操作数两边相等返回true |
| 不等于(!=) | 操作数两边不想等返回true |
| 全等(===) | 操作睡两边相等且数据类型相同返回true |
| 不全等(!==) | 于上述相反 |
| 大于(>) | 左边操作数大于右边操作数返回true |
| 大于等于(>=) | 左边操作数大于等于右边操作数返回true |
| 小于(<) | 左边操作数小于右边操作数返回true |
| 小于等于(<=) | 左边操作数小于等于右边操作数返回true |
算术运算符除了普通的加减乘除(+-*/)
| 运算符 | 例子 |
|---|---|
| 求余(%) | 12 % 5 = 2 |
| 自增(++) | var a = 3;a++;console.log(a);//4 |
| 自减(--) | var a =3;a--;console.log(a);//2 |
| 一元负值符(-) | var a = 3; console.log(-a);//-3 |
| 一元正值符(+) | var a = '3'; console.log(+a);//3 |
| 指数运算符(**) | 2 ** 3 = 8 |
| 符号 | 使用 | 描述 |
|---|---|---|
| 与 | a & b |
在a和b的二进制表示中，每位都是1的时候才返回1 |
| 或 | `a | b` |
| 异或 | a ^ b |
在a和b的二进制表示中，只要a和b的相同位不同就返回1 |
| 非 | ~a |
对a的二进制表示，求反 |
| 左移 | a << b |
把a的二进制串向左移b位，右边移入0 |
| 右移 | a >> b |
把a的二进制串向右移b位，左边移入0 |
| 无符号右移 | a >>> b |
把a的二进制表示向右移动b位，丢弃被移出的所有位，并把左边空出的位都填充为0 |
我们先介绍一下有三个逻辑运算符，然后讲几个运用技巧
| 运算符 | 范例 | 描述 |
|---|---|---|
| 与 | a && b |
a和b全为true的时候返回true |
| 或 | `a | |
| 非 | !a |
如果a为true。那么返回false |
- 短路操作
false && anything //返回false
true || anything //返回true
true && anything //anything
false || anything //anything`
条件 ？ 值1 : 值2
例如：
var status = (age >= 18) ? "adult" : "minor";
这样会比if-else简便的多。