![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
dou_xiaobao
白羊座的女程序猿
展开
-
ES6的箭头函数,参数扩展以及解构赋值
1、箭头函数,就是函数的简写 ①如果只有一个参数,() 可以省 ②如果只有一个return,{}可以省// 普通函数function name() {}// 箭头函数,去掉 function, 加上 =>() => {}let show1 = function () { console.log('abc')}let show2 = () => { console.log('abc')}show1() // 调用函数 abcshow2.原创 2020-10-28 11:41:50 · 400 阅读 · 0 评论 -
ES6中定义变量以及简介
1、变量 let 和 常量 const(1)原来定义变量 var 存在的的问题① 可以重复声明,没有报错和警告② 无法限制修改③没有块级作用域, { }(2)let 和 const① 不能重复声明② 都是块级作用域, { } 块内声明的,块外无效③ let 是变量,可以修改④ const 是常量,不能修改⑤ 块级作用域举例<!DOCTYPE html><html lang="en"><head> <meta charset="U原创 2020-10-27 17:29:01 · 257 阅读 · 0 评论 -
ES6之生成器函数generator
1、generator 生成器函数简介(1)普通函数,一路执行到底(2)generator函数,中间可以停,到哪停呢,用 yield 配合,交出执行权。yield 有放弃、退让、退位的意思。需要调用next()方法启动执行,需要遇到 yield 停, 踹一脚走一步generator函数前面加一个 * 两边可以有空格,或靠近函数或function实际生成多个小函数,实现走走停停的效果。function show() { console.log('a') console.log('原创 2020-10-27 15:07:51 · 158 阅读 · 0 评论 -
ES6之Promise详细介绍
1、简介ECMAscript 6 原生提供了 Promise 对象。Promise 对象代表了未来将要发生的事件,用来传递异步操作的消息。promise本身是同步的,promise的回调then是异步的let oP = new Promise( (res, rej) => { console.log(1);});console.log(2);//结果:1// 22、具体应用(1)① 异步和同步 异步,操作之间没有关系,同时执行多个操作, 代码复杂 同步原创 2020-10-27 11:11:53 · 275 阅读 · 2 评论 -
ES6之数组新增方法 (map,reduce,filter,forEach)
对于数组,ES6中新增4个很实用的方法,分别有:map ,reduce,filter,forEach。接下来我们来一一讲解。1、map 映射 一个对一个let arr = [6,10,12, 5, 8]let result = arr.map(function (item) { return item*2})let result2 = arr.map(item=>item*2) // es6的箭头函数简写,若想了解,后面的文章有介绍console.log(result)cons原创 2020-10-26 16:09:42 · 413 阅读 · 3 评论 -
面向对象-基础(ES5与ES6对比)
一、ES5的面向对象1、概括:类和构造函数一样2、属性和方法分开写的3、具体案例讲解//定义一个类(构造函数)function User(name, pass) { this.name = name this.pass = pass}在js中,每个构造函数都有一个原型属性prototype,因为这个属性的值通常是一个对象,又叫原型对象!通常在这个原型对象中,会包含一个constructor属性指向该原型对象的构造函数。//定义构造函数user的原型方法User.pro原创 2020-10-26 15:33:14 · 354 阅读 · 0 评论