![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
最近在学习lwc的相关知识,都引用了ES6的标准,是时候系统的学习一下ES6了。加油!!!
Blank0411
少年,未来可期的意思是:你得从现在开始努力!
展开
-
ES6 Promise
Promise 承诺 Promise相当于一个容器,保存着未来才会结束的事件(异步操作)结果 各种异步操作都可以用同样的方法进行处理 axios 特点: 1.对象的状态不受外界影响 处理异步操作,三个状态 pending(进行) resolved(成功) rejected(失败) 2.一旦状态发生改变,任何时候都可以得到这个结果 首先先查看一下promise的结构 let pro = new Promise(function(resolved,reject){ //执行异步操作原创 2022-01-24 16:10:44 · 146 阅读 · 0 评论 -
ES6 Generator生成器和应用
generator函数,可以通过yield关键字,将函数挂起,为了改变执行流,提供了可能性,同时为异步编程提供了方案 于普通函数的区别: 1.function后面 函数名之前有个* 2.它只能在函数内部使用yield表达式,让表达式挂起 对生成器的结构截图: 生成器内部有next()方法 function* add(){ console.log("one"); yield 2; console.log("two"); yield 3;原创 2022-01-24 14:47:08 · 411 阅读 · 0 评论 -
ES6 迭代器Iterator
Iterator是一种新的遍历机制 两个核心 1.迭代器是一个接口,能快捷的访问数据,通过Symbol.iterator来创建迭代器,通过迭代器的next()方法,获取数据 2.迭代器是用于遍历数据结构的指针(类似于数据库的游标) const arr = [20,30,50,20,50]; console.log(arr); const itr = arr[Symbol.iterator](); console.log(itr);//结果 :Array Iterator {} console.log(itr原创 2022-01-24 12:54:32 · 981 阅读 · 0 评论 -
ES6 数组的扩展方法
1.数组的方法 from() of() from() 将伪数组转换成真正的数组 function add(){ console.log(arguments); //es5中 将参数转换成数组 let arr = [].slice.call(arguments); console.log(arr); //es6中 将参数转换成数组 let arr1 = Array.from(arguments); console.log(arr1); } add(1,原创 2022-01-24 11:35:26 · 747 阅读 · 0 评论 -
ES6 中的Set和Map
ES6中的set let m = new Set(); console.log(m); //往set中添加元素 m.add(1); m.add("str"); m.add([4,2,3]); //查看set中是否有某个元素 console.log(m.has("str")); m.delete("str"); //set遍历 m.forEach((val,key)=>{ console.log(val); console.log(key); }) 使用扩展运算符将set转换成数组 l原创 2022-01-24 10:34:32 · 416 阅读 · 0 评论 -
扩展的对象功能
在es5中定义一个对象 let name = 'blank0411'; let age = 32; const person = { name : name, age : age, sayHello:function(){ console.log(`${name}${age}`); } } person.sayHello(); 在es6中直接写入变量和函数,作为对象的属性和方法 let name = 'blank0411'; let age = 32; co原创 2022-01-21 16:09:33 · 45 阅读 · 0 评论 -
解构 赋值
解构赋值是对赋值运算符的一种扩展 它针对数组和对象来操作 优点:代码书写上简洁易读 let stu = { name:"blank0411", age:32 } //完全解构 let {name,age} = stu; console.log(name,age); 不完全解构,可忽略不需要的属性 let stu = { a:{ name:'stu1', age : 10, }, b:{ name:'stu2',原创 2022-01-21 15:43:40 · 55 阅读 · 0 评论 -
函数的扩展运算符和箭头函数
剩余运算符:把多个独立的合并到一个数组中 扩展运算符:将一个数组进行分割,并将各个项作为分离的参数传给函数 let arr= [10,30,90,20,50]; let m = Math.max(10,30,90,20,50); let n = Math.max(...arr); //上面两行的作用相同 console.log(m); console.log(n); es5中的this指向:取决于调用该函数的上下文对象 es6 箭头函数 => 来定义 function(){} 等于 ()=>{原创 2022-01-21 15:26:13 · 197 阅读 · 0 评论 -
函数默认值和剩余参数
在es5中函数参数的默认值: function add(a,b){ a = a || 10; b = b || 20; return a+b; } console.log(add()); 在es6中 function add(a=10,b=20){ return a+b; } console.log(add()); 默认的参数,也可以是一个函数 function add(a=10,b=getVal(5)){ return a+b; } function getVa原创 2022-01-21 13:46:37 · 173 阅读 · 0 评论 -
es6 模板字符串
在es5中我们需要使用字符串拼接的方式 来加入某个变量 let name = "blank0411"; let hello = "hello " +name+" 来到我的博客"; console.log(hello); 如果是一段代码块的话,再加入变量,会更加麻烦 所以在es6中,加入了 模板字符串 1.首先将字符串用符号(tab键上方的小波浪线键)包裹 2.变量用美元符号和花括号包裹${variable} let hello1=`hello ${name} 来到我的博客` console.log(h原创 2022-01-21 13:18:34 · 176 阅读 · 0 评论 -
let和const
在es5中声明一个变量只有var 关键字,而在es6中新增了 let 和const. 首先先说明一下 var: console.log(a); var a ='123'; 结果:上述代码并有报错,只是打印出了undefined.是因为var是全局变量,变量提升 console.log(a); var a ='123'; //变量提升,上述代码不报错,因为其等同于如下代码 // var a; // console.log(a); // a = '123'; { var a ='345'; }原创 2022-01-21 13:03:59 · 383 阅读 · 0 评论