javascript
2019-11-05
1191
简介:
理解ES
全称: ECMAScript
js语言的规范
我们用的js是它的实现
js的组成
ECMAScript(js基础)
扩展-->浏览器端
BOM
DOM
扩展-->服务器端
Node.
理解ES
- 全称: ECMAScript
- js语言的规范
- 我们用的js是它的实现
- js的组成
- ECMAScript(js基础)
-
扩展-->浏览器端
-
扩展-->服务器端
ES5
- 严格模式
- 运行模式: 正常(混杂)模式与严格模式
- 应用上严格式: 'strict mode';
-
作用:
- 使得Javascript在更严格的条件下运行
- 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为
- 消除代码运行的一些不安全之处,保证代码运行的安全
-
需要记住的几个变化
- 声明定义变量必须用var
- 禁止自定义的函数中的this关键字指向全局对象
- 创建eval作用域, 更安全
- JSON对象
- 作用: 用于在json对象/数组与js对象/数组相互转换
- JSON.stringify(obj/arr) js对象(数组)转换为json对象(数组)
- JSON.parse(json) json对象(数组)转换为js对象(数组)
- Object扩展
- Array扩展
- Array.prototype.indexOf(value) : 得到值在数组中的第一个下标
- Array.prototype.lastIndexOf(value) : 得到值在数组中的最后一个下标
- Array.prototype.forEach(function(item, index){}) : 遍历数组
- Array.prototype.map(function(item, index){}) : 遍历数组返回一个新的数组
- Array.prototype.filter(function(item, index){}) : 遍历过滤出一个子数组
- Function扩展
- Date扩展
ES6
- 2个新的关键字
- let/const
- 块作用域
- 没有变量提升
- 不能重复定义
- 值不可变
- 变量的解构赋值
- 将包含多个数据的对象(数组)一次赋值给多个变量
- 数据源: 对象/数组
- 目标: {a, b}/[a, b]
- 各种数据类型的扩展
-
字符串
-
模板字符串
- 作用: 简化字符串的拼接
- 模板字符串必须用``
- 变化的部分使用${xxx}定义
- contains(str) : 判断是否包含指定的字符串
- startsWith(str) : 判断是否以指定字符串开头
- endsWith(str) : 判断是否以指定字符串结尾
- repeat(count) : 重复指定次数
-
对象
-
数组
- Array.from(v) : 将伪数组对象或可遍历对象转换为真数组
- Array.of(v1, v2, v3) : 将一系列值转换成数组
- find(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素
- findIndex(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素下标
-
函数
-
箭头函数
- 用来定义匿名函数
-
基本语法:
- 没有参数: () => console.log('xxxx')
- 一个参数: i => i+2
- 大于一个参数: (i,j) => i+j
- 函数体不用大括号: 默认返回结果
- 函数体如果有多个语句, 需要用{}包围
- 使用场景: 多用来定义回调函数
-
形参的默认值
-
rest(可变)参数
- 通过形参左侧的...来表达, 取代arguments的使用
-
扩展运算符(...)
- set/Map容器结构
- 容器: 能保存多个数据的对象, 同时必须具备操作内部数据的方法
- 任意对象都可以作为容器使用, 但有的对象不太适合作为容器使用(如函数)
-
Set的特点: 保存多个value, value是不重复 ====>数组元素去重
-
Map的特点: 保存多个key--value, key是不重复, value是可以重复的
-
API
- Set()/Set(arr) //arr是一维数组
- add(value)
- delete(value)
- clear();
- has(value)
- size
- Map()/Map(arr) //arr是二维数组
- set(key, value)
- delete(key)
- clear()
- has(key)
- size
- for--of循环
- 可以遍历任何容器
- 数组
- 对象
- 伪/类对象
- 字符串
- 可迭代的对象
- Promise
- 解决
回调地狱
(回调函数的层层嵌套, 编码是不断向右扩展, 阅读性很差)
- 能以同步编码的方式实现异步调用
- 在es6之前原生的js中是没这种实现的, 一些第三方框架(jQuery)实现了promise
-
ES6中定义实现API:
// 1. 创建promise对象
var promise = new Promise(function(resolve, reject){
// 做异步的操作
if(成功) { // 调用成功的回调
resolve(result);
} else { // 调用失败的回调
reject(errorMsg);
}
})
// 2. 调用promise对象的then()
promise.then(function(
result => console.log(result),
errorMsg => alert(errorMsg)
))
- class类
- 用 class 定义一类
- 用 constructor() 定义构造方法(相当于构造函数)
- 一般方法: xxx () {}
- 用extends来定义子类
- 用super()来父类的构造方法
- 子类方法自定义: 将从父类中继承来的方法重新实现一遍
- js中没有方法重载(方法名相同, 但参数不同)的语法
- 模块化(后面讲)
ES7
- 指数运算符: **
- Array.prototype.includes(value) : 判断数组中是否包含指定value
-
区别方法的2种称谓
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。