
ES6
es6
南朝听月
A ship in harbor is safe, but that is not what ships are built for.
展开
-
Promise如果已经通过then,catch来拿异步结果了,是否可以通过await拿到么?
Promise如果已经通过then,catch来拿异步结果了,是否可以通过await拿到么?原创 2025-01-05 10:11:09 · 238 阅读 · 0 评论 -
promise的报错捕捉,promise的catch捕捉是否会导致看不到错误---会的
一、如下代码,这样的话报错就逮不到了:报错了,由于没有打印信息,代码也不报错,不知道任何异常。二、如下代码,这样的话代码,就会有打印信息,可以看到错误。原创 2024-10-27 22:20:33 · 280 阅读 · 0 评论 -
对象的解构
对象的解构原创 2023-02-14 10:18:08 · 256 阅读 · 0 评论 -
proxy与reflect之间的关系
proxy与reflect之间的关系原创 2022-12-14 20:57:11 · 522 阅读 · 0 评论 -
结构对象的时候可以给个默认值
结构对象的时候可以给个默认值原创 2022-12-12 17:30:43 · 498 阅读 · 0 评论 -
Reflect诞生的原因
Reflect诞生的原因原创 2022-12-08 20:08:30 · 301 阅读 · 0 评论 -
proxy 的has拦截
proxy 的has拦截原创 2022-12-08 11:20:19 · 753 阅读 · 0 评论 -
try catch用于处理异常抛出,以及promis的reject状态
try catch用于处理异常抛出,以及promis的reject状态原创 2022-12-07 19:24:53 · 978 阅读 · 0 评论 -
apply()拦截proxy
apply()拦截proxy原创 2022-12-06 15:59:44 · 329 阅读 · 0 评论 -
对象的描述属性对proxy的影响,defineProperties对proxy影响
对象的描述属性对proxy的影响,defineProperties对proxy影响原创 2022-12-06 11:07:16 · 601 阅读 · 0 评论 -
proxy实现链式编程
js实现链式编程原创 2022-12-05 17:24:32 · 837 阅读 · 0 评论 -
proxy(初级运用)
proxy原创 2022-12-05 15:56:56 · 1339 阅读 · 0 评论 -
es6中的set数据结构不能够去除对象的重复,set对于简单结构还是比较香的
es6中的set数据结构不能够去除对象的重复,set对于简单结构还是比较香的原创 2022-11-14 17:41:05 · 489 阅读 · 0 评论 -
解决promise.all() 时,一个出错,都不执行的核心
解决promise.all() 时,一个出错,都不执行的核心原创 2022-09-19 11:03:09 · 2086 阅读 · 0 评论 -
对于数组诸多方法,指定this时的使用
对于数组诸多方法,指定this时的使用原创 2022-07-08 19:04:19 · 205 阅读 · 0 评论 -
js中map和普通对象性能差距有多大
js中map和普通对象性能差距有多大?转载 2022-07-08 11:41:54 · 1586 阅读 · 1 评论 -
map,js Map数据结构,Map数据结构,es6中的Map数据结构,js中的hash表达
map,js Map数据结构,Map数据结构,es6中的Map数据结构原创 2022-07-05 09:51:14 · 1480 阅读 · 0 评论 -
WeakSet数据结构,WeakSet
WeakSet数据结构,WeakSet原创 2022-07-04 18:35:11 · 302 阅读 · 0 评论 -
什么是弱引用?es6中有哪些弱引用数据类型?js中的弱引用是什么?
什么是弱引用?es6中有哪些弱引用数据类型?js中的弱引用是什么?原创 2022-07-04 11:44:55 · 229 阅读 · 0 评论 -
set数据结构的学习
set数据结构的学习原创 2022-06-28 09:40:35 · 314 阅读 · 0 评论 -
浅析export * from 与 export {default} from用法
浅析export * from 与 export {default} from用法原创 2022-04-30 09:30:53 · 7901 阅读 · 0 评论 -
import * as from “*xxxx“
import * as obj from ‘xx’ 这种写法是把所有的输出包裹到obj对象里例如:xx里中:export function hello(){ return 'hello'; }export function login(){ return 'world'; }调用hello 函数,即obj.hello();调用login 函数,即obj.login();当然以上的一套的逻辑在export default 时依然也是可以的...原创 2022-04-30 09:27:11 · 401 阅读 · 0 评论 -
promise解决调用子组件方法(根据子组件状态来决定父组件的方法执行)
promise解决调用子组件方法(根据子组件状态来决定父组件的方法执行)原创 2022-04-12 20:06:43 · 664 阅读 · 0 评论 -
try...catch和 await的用法
try...catch和 await的用法原创 2022-03-09 09:23:56 · 3032 阅读 · 0 评论 -
字符串的解构赋值
字符串的解构赋值原创 2021-12-08 15:49:46 · 419 阅读 · 0 评论 -
默认导出,export default
默认导出的名字可以在导入时随意的再命名// 默认导出class News extends React.Component { }export default News;// 默认导入import List from "../List/index";默认导出原创 2021-12-02 10:51:13 · 403 阅读 · 0 评论 -
重新导出一个绑定、export { } from ‘ ‘
一、最终,可能需要重新导出模块已经导入的内容。例如,你正在用几个小模块创建一个库,则可以用本章已经讨论的模式重新导出已经导入的值,如下所示:虽然这样可以运行,但只通过一条语句也可以完成同样的任务:这种形式的export在指定的模块中查找sum声明,然后将其导出。二、当然,对于同样的值你也可以不同的名称导出:实战utils有几个小的方法工具,是api.js和url.js。创建了一个index.js,以后就可以直接导入index.js来使用所有的api.js和index.js了api.j原创 2021-11-30 13:54:05 · 711 阅读 · 0 评论 -
findIndex()
es6的findIndex()方法,返回数组找到项的索引const index = newSelectedValues.findIndex(item => item === value)newSelectedValues.splice(index,1)区分一下数组的find()数组实例的find方法,用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。原创 2021-11-08 15:41:30 · 399 阅读 · 0 评论 -
es6的结构语法----更改值,setState
将对象结构出来,后面直接,就可以进行一个覆盖this.setState((prevState) => { return { titleSelectedStatus: { ...prevState.titleSelectedStatus, [type]: true } } })import React, { Component } from 'react'import FilterTitle原创 2021-10-19 17:13:20 · 335 阅读 · 0 评论 -
导入、导出
const API = axios.create({ baseURL: BASE_URL });export { API }//还可以写为:export const API = axios.create({ baseURL: BASE_URL });//接收:import { BASE_URL } from "../../utils/url"//导出export default API//接收import axios from "axios"//直接导入需原创 2021-10-18 15:38:31 · 92 阅读 · 0 评论 -
try catch理解
先try 去执行代码,当请求遇到错的时候,就去执行catch,然后将其隐藏。确保代码更加的健壮,不会请求出错后一直在loading async getHousesList(id) { try { Toast.loading("Loading...", 0, null, false); const { data: res } = await axios.get("http://localhost:8080/houses", { params: {原创 2021-10-16 16:08:08 · 253 阅读 · 0 评论 -
es6结构语法
const obj = {coord: {latitude: "31.239297"longitude: "121.42746"}count: 165label: "普陀"value: "AREA|b3e7fdc7-c67a-5684"}怎么把latitude、longitude结构出来 const { coord: {latitude,longitude }, label:arean } = obj原创 2021-10-14 18:01:57 · 1034 阅读 · 0 评论 -
数组扩展符
对于函数参数的arguments可以使用扩展符直接就让其变为数组如果函数参数是以恶搞数组可以使用扩展语法直接进行一个调用var arr = [5,8,3,4]console.log(...arr) // 5 8 3 4function fn (a,b,c,d) { console.log(a+b+c+d) // 20}fn(...arr)...原创 2021-09-26 21:45:05 · 141 阅读 · 0 评论 -
Promise.race()方法
Promise.race()方法Promise.race方法同样是将多个 Promise 实例,包装成一个新的 Promise 实例。const p = Promise.race([p1, p2, p3]);上面代码中,只要p1、p2、p3之中有一个实例率先改变状态,p的状态就跟着改变。那个率先改变的 Promise 实例的返回值,就传递给p的回调函数。Promise.race方法的参数与Promise.all方法一样,如果不是 Promise 实例,就会先调用下面讲到的Promise.resol原创 2021-08-31 16:06:43 · 18862 阅读 · 1 评论 -
属性名表达式
JavaScript 定义对象的属性,有两种方法。// 方法一obj.foo = true; // 方法二obj['a' + 'bc'] = 123;上面代码的方法一是直接用标识符作为属性名,方法二是用表达式作为属性名,这时要将表达式放在方括号之内。但是,如果使用字面量方式定义对象(使用大括号),在 ES5 中只能使用方法一(标识符)定义属性。var obj = { foo: true, abc: 123};ES6 允许字面量定义对象时,用方法二(表达式)作为对象的属性名,即原创 2021-08-27 17:56:43 · 498 阅读 · 0 评论 -
箭头函数什么时候可以省略return,省略return
箭头函数中:附加有一个隐式的返回值(且不是块体)原创 2021-06-11 17:46:23 · 4820 阅读 · 0 评论 -
const与let
const声明的值不存在作用域提升(与let相同)常用于声明一个常量。后期不可以再进行修改。可以为const定义的常量再赋值,否则会抛出错误(与let区别开) let name = “张”;name=“wang” 正确 const name = “张”;name=“wang” 错误在同一作用域用const声明已经存在的标识符也会导致语法错误,无论该标识符是使用var(在全局或函数作用域中),还是let(在块级作用域中)声明的。 (与let相似) var name =原创 2021-04-16 22:37:01 · 129 阅读 · 0 评论 -
let
let是es6中声明变量的一个重要方式:其目的就是为了限制作用域提升。块级声明用于声明在指定块的作用域之外无法访问的变量。块级作用域(亦被称为词法作用域)存在于:函数内部块中(字符 { 和 } 之间的区域)块内的可以访问块外的,块的兄弟之间不能访问,块不能访问块的子集作用域代码如下:可以看到无论flag是什么,最终结果name其实是势必被创建。 function getName(flag) { if(flag) { var name ="凡夫俗子"; }else原创 2021-04-15 16:05:18 · 92 阅读 · 0 评论 -
求一个数的次幂
ES7中增加了新的运算符console.log(Math.pow(3,2)) // 9console.log(3**2) // 9console.log(Math.pow(16,0.5)) // 4console.log(16**0.5) // 4原创 2021-04-08 18:17:28 · 188 阅读 · 0 评论 -
es6导出导入语法(一篇就够)
模块封装代码javascript用 “共享一切的” 方法加载代码,是这门语言最容易出错的地方。Web应用程序变得更加复杂,JavaScript代码的使用量也开始增长,变量命名足以让人头秃。ECMAScript 6的一个目标是解决作用域问题,也为了使JavaScript应用程序显得有序,于是引进了模块默认导出与默认导入(注意:默认导出在一个模块中只能有一次)//导出let a = 10let c = 20let d = 30function show() { console.log(原创 2021-03-21 16:13:47 · 1117 阅读 · 0 评论