
es6
文章平均质量分 61
疯狂的夏铭予
smartx.cc
展开
-
Vue项目中使用链操作运算符
在vue项目中用链式运算符我发现会报错,但是在有些vue项目中使用又不会报错,真是奇了个大怪。附一下解决方案1.npm安装依赖npm install @babel/plugin-proposal-optional-chaining 2.babel.config.js中加入如下代码module.exports = { presets: ["@vue/app"], // 这个是要加的 plugins: [ "@babel/plugin-proposal-optional-c原创 2022-03-25 11:38:34 · 2113 阅读 · 5 评论 -
ES6学习之路(九)---async&await
async1.async函数返回一个Promise async function demo() { return '夏鸣予' } console.log(demo()) // Promise {<fulfilled>: '夏鸣予'}2.返回的值可以用.then接受 async function demo() { return '夏鸣予' } demo().then(res => { console.log原创 2022-03-03 15:12:49 · 482 阅读 · 0 评论 -
ES6学习之路(九)-Promise
对于Promise,记录一下自己工作和学习中常用的一些操作和技巧使用Promise封装函数待补充。。。使用Promise.all发送并发请求 const p1 = new Promise(resolve => { setTimeout(() => { resolve('1') }, 500) }) const p2 = new Promise(resolve => { setTimeout(() =>原创 2022-02-22 18:03:11 · 246 阅读 · 0 评论 -
ES6学习之路(八)-类的继承
简介本文基于峰哥的ES6类的继承一节谈谈我的理解先写一个father类 class Father { constructor(money,carName) { this.money = money this.carName = carName } }在new一个Father实例的时候,我们给他配置一些金钱并配置一辆车,而在199x-200x年,你出生了,当然你可以完美继承你爸爸的金钱,你除了继承你爸爸的钱以外,你也可以开你爸爸的原创 2022-02-22 15:22:57 · 1005 阅读 · 0 评论 -
es6学习之路(7) -类
老版新版对比如果了解过C++,或者java,类的写法看起来就很舒服了 // 老版的构造函数 function House(name) { this.name = name } House.prototype.openDoor = () => { console.log('door open') } // ES6类的写法 class House { constructor(name) { this.name = name }原创 2022-02-21 17:33:52 · 374 阅读 · 0 评论 -
ES学习之路(六)-Set&Map数据结构
Set简要介绍Set是一种数据结构,注意是一种数据的结构,不是数据类型,峰哥说是一个构造函数,es6已经出类了,所以只要说是构造函数,我的理解就是类。Set数据结构里面的元素是不能重复的!!!既然是类,我们要是用,那就肯定要搞个实例出来。 const s = new Set() // 这样就有了一个Set实例实例化的时候可以接受参数,可以接收一个数组,或具有iterable 接口的其他数据结构,关于什么是 iterable 接口, 由于知识点太难,这个待补充。 const原创 2022-02-15 19:34:28 · 1774 阅读 · 0 评论 -
es6学习之路五-Symbol
文章目录简介获取Symbol的描述消除魔术字符串Object.getOwnPropertySymbols()方法获取symbol属性数组感慨时间Symbol.for(), Symbol.keyfor()方法Symbol.for()Symbol.keyfor()内置的Symbol值1.Symbol.hasInstance2.Symbol.isConcatSpreadable简介新方法或事物的出现,总是需要伴随着能够解决一些问题。Symbol数据类型的出现就是为了解决变量属性名称相同的这一个问题。上代码原创 2022-02-13 12:54:24 · 573 阅读 · 0 评论 -
javaScript的includes方法
includes函数是ES6新增的方法,是我认为在实际项目中实用性非常强的一个函数。作用:判断数组是否包含指定的值判断字符串是否包含指定的子串包含返回true,不包含返回false数组或者字符串都能够使用。变量名valueToFindfromIndex描述数组:你要找的那个元素。字符串:你要找的那个字符串。起始索引详细解释传1,就从索引(index)为1的那个元素开始找,传-1,就从后往前数,因为第一个元素索引是0,所以-1就是倒数第一个,-2就是倒数第二原创 2022-02-11 17:35:38 · 7200 阅读 · 1 评论 -
ES6学习之路(四) 运算符的扩展
指数运算符 const a = 3 ** 3 console.log(a) // 27指数运算符的计算方向为从右向左 const a = 1 ** 3 ** 2 console.log(a) // 1先算3的2次方是9,再算1的9次方是1 const a = 2 ** 1 ** 2 console.log(a) // 2// 先算1的2次方是1再算2的1的方是2链判断运算符 const obj = { } console.log原创 2022-02-10 19:50:43 · 128 阅读 · 0 评论 -
ES6学习之路(三) 解构赋值
数组的解构赋值 const arr = [1, 2, 3] const [a, b, c] = arr console.log(a) // 1 console.log(b) // 2 console.log(c) // 3解构不成功 const arr = [1, 2, 3] const [a, b, c, d] = arr console.log(a) // 1 console.log(b) // 2 console.lo原创 2022-02-10 19:49:45 · 1101 阅读 · 0 评论 -
ES6学习之路(二) let&const
let除了var现在可以使用let声明变量了let声明的变量存在块级作用域 { let a = 1 var b = 2 } console.log(a) // ReferenceError: a is not defined console.log(b) // 上面报错这行代码没有运行,正常是可以打印2的块与块之间是相互不影响的,如果下面的n用var定义,那么n就是3了 (() => { let n = 5原创 2022-02-10 19:48:17 · 207 阅读 · 0 评论