![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
es6
冰雪奇缘lb
这个作者很懒,什么都没留下…
展开
-
es6中的模块化(import,export,export default)
es6中的模块化1. 分别暴露模块js文件// 常规导入export let name = '张三';export function fun1() { console.log('常规导入');}导入使用import * as module from './module.js'; console.log(module);2. 统一暴露模块js文件// 统一暴露let name = '张三';function fun1() { consol原创 2021-08-16 09:46:07 · 198 阅读 · 0 评论 -
es6 中 async await 的使用 (替代generator yield)
async await 和 generator yield 的使用方法和应用场景基本一样,不过 async await 的使用更加简练,不需要再写runner()来异步执行各个部分的代码,官方已经提供,所以注定选择更加简练方便的,使用async await,抛弃generator yield。async function readData(){ // async ()=>{ // 注:async声明时可以写成箭头函数,但是generator不行。 let data1 = await $.aj原创 2021-01-13 10:54:46 · 540 阅读 · 0 评论 -
promise和generator的应用区别
1.promise和generator主要都是处理异步请求,如果访问的内容元素固定,两者写法类似,其差别不大。其应用实例如下图:2.带有逻辑判断之后,Promise就显得复杂的多,但是generator即使有逻辑也很简洁。举例如下1.普通回调2.带逻辑的promise带逻辑的generator综上所述:Promise适合一次读一堆固定格式的数据,generator适合读具有逻辑性的数据。...原创 2021-01-13 10:11:43 · 1284 阅读 · 0 评论 -
es6中的generator yield
generator—生成器应用场景:在函数执行时,需要请求数据,可以通过yield暂停执行,等到数据获取完成,再继续执行。generator函数------中间能停<script>//generator-生成器function *show(){ // 声明格式为:*函数() alert('a'); yield; // 告诉函数“到哪停” alert('b');}let genObj = show();console.log(genObj);genObj.next原创 2021-01-13 09:27:46 · 193 阅读 · 0 评论 -
es6中Promise的使用
Promise—消除异步操作Promise的使用:用同步一样的方式,来书写异步代码使用方法及举例:<script> let p1 = new Promise(function (resolve, reject){ // 创建一个Promise对象 // resolve 成功了 // reject 失败了 $.ajax({ url: 'arr.txt', dataType: 'json', success(arr){ resolve(ar原创 2021-01-12 21:41:33 · 79 阅读 · 0 评论 -
es6中参数 ...args
参数扩展/展开默认参数参数扩展:收集剩余的参数,必须是最后一个function show(a, b, …args){ }<script> function show(a, b, ...args){ //其剩余参与必须是最后一个形参 console.log(a); console.log(b); console.log(args); } show(1, 3, 5, 6, 9);</script>2.let arr = [1, 2, 3]; /原创 2021-01-12 16:51:31 · 3220 阅读 · 0 评论 -
es6中的箭头函数
箭头函数普通函数转化箭头函数步骤:function去掉加上一个箭头<script> window.onload = function (){ alert('abc'); }; window.onload = ()=>{ alert('abc'); };</script>如果只有一个参数,() 可以省略;如果只有一个return语句,return和{ } 可以省略。下面两个例子的化简过程详细地表现了其省略的规则:let arr原创 2021-01-12 15:48:48 · 139 阅读 · 0 评论 -
es6中的类、构造方法、继承
es6中的类:类似于java中的类,其使用方法和举例如下:<script> class User{ constructor(name, pass) { //constructor为关键字,其本身就是构造器或构造函数,和java中构造函数不同,java中要求必须和类名一样,es6要求必须是constructor(...参数) this.name = name; this.pass = pass; } showName(){ //类似于java中创建方原创 2021-01-12 15:08:40 · 365 阅读 · 1 评论 -
es6字符串中的两个方法:startwith()和endsWith()
这两个方法主要用于对字符串的开头和结尾进行判断筛选。startWith() 使用举例:let str = 'http://1234.com'; if(str.startsWith('http://')){ alert('普通网址'); } else if(str.startsWith('https://')){ alert('加密网址'); } else if(str.startsWith('svn://')){ alert('svn仓库网址'); } else { alert原创 2021-01-12 10:49:15 · 1011 阅读 · 0 评论 -
es6中的数组:map,reduce,filter,forEach
数组map:映射(一对一,键值对)使用举例:let arr = [12, 5, 8];let result = arr.map(function (item){ return item*2;});// let result = arr.map(item => item*2);使用举例2:let score = [13, 65, 90, 2];let result = score.map(item=>item>=60 ? '及格' : '不及格';alert(sc原创 2021-01-12 10:22:45 · 131 阅读 · 0 评论 -
解构赋值
解构赋值:按照一定模式,从数组或对象中提取值,将提取出来的值赋值给另外的变量。特点:1.左右两边结构必须一样2.右边必须是个合法的东西错误示例:let {a, b} = {12, 5} //错误原因: 右边结构不是合法数据结构3.声明和赋值不能分开(必须在一句话里完成)错误示例let [a, b];[a, b] = [12, 5]; // 错误原因,声明和赋值只能在一句话中完成对象解构举例:let [a, b, c] = [1, 2, 3];console.log(a, b原创 2021-01-12 09:32:59 · 120 阅读 · 0 评论 -
es6中var、let、const
es6中var、let和const都可以声明变量,但是其声明的作用范围和特点有很大的不同。var1.可以重复声明2.无法限制修改3.没有块级作用域4.有变量提升(先使用后声明)let1.不能重复声明2.变量可以修改3.块级作用域const1.不能重复声明2.常量不能修改(内存地址不可改变,也就是普通类型不能重新赋值,但是对于数组、对象等复杂数据类型,其内部的值可以更改,但是不能重新赋值,举例如下)//错误示例:const a = 1;a = 2;//错误示例:const原创 2021-01-12 09:13:32 · 156 阅读 · 0 评论