![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
文章平均质量分 51
努力练级中...
小白前端自学路径和知识整理。
展开
-
ES6学习记录十二:Promise
Promise一、什么是promise二、写法三、async异步函数四、await 一、什么是promise 解决了回调地狱模式,将异步API的结果作为返回值拿到函数外部。 二、写法 function test(){ return new Promise((resolve,reject)=>{ setTimeout(()=>{ if(true){ resolve('成功')//成功执行了某种API后将结果传出去 }else{ reject('失败')/原创 2021-02-18 19:34:08 · 859 阅读 · 0 评论 -
ES6学习记录八:剩余参数
ES6剩余参数一、什么是剩余参数二、写法三、案例1.计算不知道长度的参数2.剩余参数和解构赋值组合 一、什么是剩余参数 剩余参数允许我们将一个不定数量的参数表示为一个数组。 二、写法 function fn(a,...b){ console.log(b)//[20,30] } fn(10,20,30) 三、案例 1.计算不知道长度的参数 var total = 0 function fn(...a){ a.forEach(val=>{ total+=val }) return total } fn(2原创 2021-02-12 21:04:54 · 262 阅读 · 0 评论 -
ES6学习记录七:箭头函数
ES6箭头函数一、什么是箭头函数二、写法三、箭头函数中this 一、什么是箭头函数 简化了匿名函数的写法, 二、写法 function(){} //缩写成 ()=>{} 要是函数体中只有一句代码,且代码就是return,返回了一个结果,可以省略大括号。 要是形参只有一个,可以省略小括号。 三、箭头函数中this 箭头函数没有自己的this,箭头函数使用this,指向的是函数定义位置的上下文this。 ...原创 2021-02-12 20:52:31 · 291 阅读 · 0 评论 -
ES6学习记录六:解构赋值
ES6解构赋值一、什么是解构赋值二、语法1.数组解构2.对象解构三、注意点 一、什么是解构赋值 允许从数组中提取值,按照对应位置,对变量赋值,对象也可以实现解构。 二、语法 1.数组解构 let [a,b,c] = [1,2,3] 表示let定义了三个变量,然后组成了一个数组。 之前是先定义三个变量,然后push到一个数组中。 这是并到一步了。 2.对象解构 ① let {name,age} = {name:'小飞',age:18} 之前是先定义一个对象,有name,age属性,值为undefined,原创 2021-02-12 19:49:08 · 350 阅读 · 0 评论 -
ES6学习记录五:let和const
ES6 let和const一、let 一、let 1.使用let声明的变量形成块级作用域,主要是改变了语句的局部变量的作用域,不会再暴露成全局变量 2.let声明的变量不会发生变量提升原创 2021-02-12 19:37:04 · 330 阅读 · 0 评论 -
ES6学习记录四:严格模式
JS严格模式一.兼容性二.作用 一.兼容性 IE10才支持 二.作用 1.消除了语法的一些不合理的地方 2.提高了编译效率s 3.禁用了一些关键词,为以后做铺垫。 三、写法 <script> 'user strict' //下面写的代码就会按严格模式执行 </script> //也可写在函数中 (function(){ 'user strict'; })() //也可为某个函数单独开启严格模式 function fn(){ 'user strict'; } IE10以下的会自原创 2021-03-06 11:50:34 · 173 阅读 · 0 评论