ES6
关注
分享
扫一扫
夜跑者
目前从事web前端，小程序开发。熟悉vue框架，uni-app跨端框架。
展开
-
Promise 中的异步错误 怎么捕获
在obj.abc.status这里会出现引用错误，因为是同步错误，可以被catch捕获。我们在看下，在Promise中异步产生的错误能否被catch捕获？怎么让catch能捕获到呢？用对异步代码加try catch ，然后把错误reject出去，这样就可以捕获到异步代码里面的错误了。大家可以执行一下，catch并没有捕获到引用错误。原因就是错误是异步的，catch捕获不到。原创 2022-12-30 16:24:01 · 1688 阅读 · 0 评论 -
对象的解构赋值
之前看同事写的对象的解构赋值也能理解，类似下面的代码：let obj = { name: 'xiaoliu', age: 20, say(){ console.log(`hello`) }}const {name, age, say} = objconsole.log(`name is: ${name}, age is: ${age}`)say()输出如下：name is: xiaoliu, age is: 20hello就是把对象中的各个属性给解构出原创 2021-01-19 12:08:05 · 310 阅读 · 0 评论 -
ES6 数组 some, every用法
ES6 数组提供了some和every方法some表示只有一个满足条件就返回true，every则表示只有全部满足条件才会返回true。简单例子如下：<html><head> <style type="text/css"> </style></head><body><script>let arr = [ { name: 'xiaoliu', age: 18原创 2020-10-22 19:32:36 · 5710 阅读 · 0 评论 -
箭头函数导致this 指向问题
正确写法： function Utils() { Utils.prototype.getValue = (info) => { return !!info && info.value; } } let instance = new Utils(); instance.getVolume = function(directive){ //不是箭头函数，函数内部this指向instance对象原创 2020-08-15 16:21:21 · 179 阅读 · 0 评论 -
ES6 Promise原理介绍
在ES6提出Promise之前，异步回调存在回调地狱问题。例如： function toUpper(rawString, callback){ let upperString = rawString.toUpperCase(); callback(upperString) } function deleteSpace(rawString, callback) { let result = rawString.replac...原创 2020-06-15 20:44:32 · 323 阅读 · 0 评论 -
import 和require的区别
文章转自：https://blog.csdn.net/suhuaiqiang_janlay/article/details/80501931node编程中最重要的思想就是模块化，import和require都是被模块化所使用。遵循规范require是 AMD规范引入方式 import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法调用时间require是运行...转载 2020-03-22 11:44:34 · 240 阅读 · 0 评论 -
JS语法之：require
文章转自：https://blog.csdn.net/liminwang0311/article/details/84329392JS中，一个模块加载另一个模块有两套规范：CommonJS规范和AMD规范。CommonJS规范加载模块是同步的，也就是说，只有加载完成，才能执行后面的操作。AMD规范则是非同步加载模块，允许指定回调函数。由于Node.js主要用于服务器编程，模块文件一般都已经...转载 2020-03-16 19:25:42 · 5159 阅读 · 0 评论 -
数组扁平化，去重，排序
把数组var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10]; 扁平化，去重，并排序。var result =[...new Set(arr.flat(Infinity))].sort((a, b) => a - b);arr.flat 用来扁平化n...原创 2020-02-13 09:18:41 · 276 阅读 · 0 评论 -
ES6之Array.from()方法
文章转自：https://www.cnblogs.com/jf-67/p/8440758.html Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 那么什么是类数组对象呢？所谓类数组对象，最基本的要求就是具有length属性的对象。 1、将类数组对象转换为真正数组： 1 2 3 4 5 ...转载 2020-02-13 09:09:59 · 187 阅读 · 0 评论 -
es6之数组的flat()，flatMap()
文章转自：https://blog.csdn.net/qq_29055201/article/details/86530254数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响。[1, 2, [3, 4]].flat()// [1, 2, 3, 4]12上面代码中，原数组的成员里面有一个...转载 2020-02-13 08:36:57 · 237 阅读 · 0 评论 -
Object.keys(obj)
Object.keys(obj)Object.keys返回一个所有元素为字符串的数组，其元素来自于从给定的object上面可直接枚举的属性。这些属性的顺序与手动遍历该对象属性时的一致。var arr1 = ["zhang", "wang", "li", "zhao", "liu"];var keys = Object.keys(arr1);console.log("ar...原创 2018-12-24 18:41:08 · 1804 阅读 · 0 评论 -
ES6 reduce方法来对对象数组去重
示例代码如下：<html> <head><style type="text/css"></style></head> <body> <script>var arr = [{ "name" : "xiao liu", "age" : 20, "sex" : "ma...原创 2019-12-14 23:44:15 · 513 阅读 · 0 评论 -
ES6 数组 filter， find， findIndex 用法
filter 用来过滤满足条件的值， 这些值新组成一个新数组并返回，原数组并不改变。filter参数是个回调函数，在回调函数里面写满足的条件。find 用来在数组中查找一个是否满足条件的值，如果找到立即返回这个值，不再继续查找。find的参数也是一个回调函数，在函数里面写满足的条件。findIndex 和 find 类似，只是返回的是满足条件值的下标。我们通过例子看看怎么使用的：...原创 2019-11-22 22:46:00 · 576 阅读 · 0 评论 -
ES6 数组map用法
有一个这样的需求：有一个数组，数组里面是一些对象，现在要把对象中的一部分字段拷贝出来，并组成一个新数组。用ES6 提供的新特性map很容易实现。 例子如下： var teachers = [{ id : 1, name: "zhang", sex: "man" }, { id : 2, name: "liu", sex: "man" }];...原创 2019-11-13 19:42:40 · 2588 阅读 · 0 评论 -
数组中的reduce函数理解
文章转自：https://www.cnblogs.com/SamWeb/p/10204551.html第一次见到reduce 是在js 的高级程序设计中，它的意思是把一个数组减少为一个数，举的例子是数组中元素的求和。它接受一个函数作为参数，函数又有两个参数，一个是prev， 前一个值，一个是next， 后一个值，然后函数体就是返回相加的值。let array = [1, 3, ...原创 2019-09-18 15:10:24 · 474 阅读 · 0 评论 -
ES6 Promise 用法讲解
原文地址：https://www.cnblogs.com/whybxy/p/7645578.html写的挺好ES6 Promise 用法讲解Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法。那就new一个var p = new Promise(function(resolv...转载 2019-07-04 13:58:07 · 146 阅读 · 0 评论 -
ES6 Promise 用法
ES6中的Promise 用法有点难理解，做个demo：<!DOCTYPE html><html><head><title>test</title><style> </style></head><body><script> ...原创 2019-07-08 09:13:13 · 134 阅读 · 0 评论 -
ES6 Promise 用法讲解
文章转自：http://www.cnblogs.com/whybxy/p/7645578.htmlPromise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法。那就new一个var p = new Promise(function(resolve, reject){ //做一些异步操作...转载 2019-05-20 13:55:53 · 105 阅读 · 0 评论