es6
文章平均质量分 79
一行注释
这个作者很懒,什么都没留下…
展开
-
你是怎么理解ES6中Proxy的?使用场景?
一、介绍定义: 用于定义基本操作的自定义行为本质: 修改的是程序默认形为,就形同于在编程语言层面上做修改,属于元编程(meta programming)元编程(Metaprogramming,又译超编程,是指某类计算机程序的编写,这类计算机程序编写或者操纵其它程序(或者自身)作为它们的数据,或者在运行时完成部分本应在编译时完成的工作一段代码来理解#!/bin/bash#metaprogramecho'#!/bin/bash'>programfor((I=1;I&l...转载 2021-05-06 15:42:39 · 297 阅读 · 0 评论 -
ES6中的includes, startsWith和 endsWith用法
未出现es6之前我们通常判断JavaScript 是否包含某一值时候,只有indexOf方法相对方便一些,可以用来确定一个字符串是否包含在另一个字符串中。当然还有其他方法:String对象的方法方法一: indexOf() (推荐) 1 2 var str = "abc" console.log(str.indexOf("a") != -1); // true indexOf() 方法可返回某个指定的字符串值在字符串中首次出现...原创 2021-03-30 10:53:28 · 622 阅读 · 0 评论 -
vue方法里引用data不再使用this.xx
checkCouponInfo() {//this vue实例 couponList checkcouponid data中数据 const { couponList, checkcouponid } = this;//查找couponList中有没有id为checkcouponid的数据 返回bool值 const res = couponList.find(e => e....原创 2020-01-06 14:14:24 · 2063 阅读 · 0 评论 -
如何在项目中合理地使用async / await
1 引言async / await是ES7的重要特性之一,也是目前社区里公认的优秀异步解决方案。目前,async / await这个特性已经是stage 3的建议然而,由于部分开发人员对该语法糖原理的认识不够清晰,泛滥而不加考虑地随意使用async/await ,可能会我们陷入了新的麻烦之中。2 概述下面是随处可见的现代化前端代码:(async () => { co...转载 2018-12-25 13:14:22 · 4763 阅读 · 0 评论 -
偷学es6笔记
assignconst v1 = 'abc';const v2 = true;const v3 = 10;const obj = Object.assign({}, v1, v2, v3);console.log(obj); // { "0": "a", "1": "b", "2": "c" }上面代码中,v1、v2、v3分别是字符串、布尔值和数值,结果只有字符串合入目转载 2018-08-29 11:32:29 · 152 阅读 · 0 评论 -
短小精悍JavaScript编程黑科技
浮点数取整const x = 123.4545;x >> 0; // 123~~x; // 123x | 0; // 123Math.floor(x); // 123 注意:前三种方法只适用于32个位整数,对于负数的处理上和 Math.floor是不同的。Math.floor(-12.53); // -13-12.53 | 0; // -12...翻译 2018-08-27 15:00:07 · 298 阅读 · 0 评论 -
普通递归与优化递归
function factorial(n) { if (n === 1) return 1; return n * factorial(n - 1);}factorial(5) // 120上面代码是一个阶乘函数,计算n的阶乘,最多需要保存n个调用记录,复杂度 O(n) 。如果改写成尾递归,只保留一个调用记录,复杂度 O(1) 。尾递归函数调用自身,称为递归。如果...转载 2018-08-22 15:25:28 · 5229 阅读 · 1 评论 -
ES6 - Map
Map对象就是简单的键值对映射。其中的键和值可以使任意值。(ps : 对象的键只能是字符串 )1.创建Map实例的两种方法 //1. var map = new Map(); map.set('one', 1); map.set('two', 2); map.set('three', 3); //... //2. v...原创 2018-07-06 17:56:19 · 117 阅读 · 0 评论 -
function* yield
function* gen() { var result1 = yield "hello"; var result2 = yield "world"; return result1 + result2; } var g = gen(); // g.next(1); //{value : 'hello', ...原创 2018-07-06 10:42:41 · 251 阅读 · 0 评论 -
ES6 -Array.fill()函数的用法
ES6为Array增加了fill()函数,使用制定的元素填充数组,其实就是用默认内容初始化数组。该函数有三个参数。arr.fill(value, start, end)value:填充值。start:填充起始位置,可以省略。end:填充结束位置,可以省略,实际结束位置是end-1。 例如:1.采用一默认值填初始化数组。const arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9,...原创 2018-07-12 11:21:36 · 8255 阅读 · 0 评论 -
ES6 新的数据结构 Set
ES6 提供了新的数据结构 Set。 特性似于数组,但它的一大特性就是所有元素都是唯一的,没有重复。我们可以利用这一唯一特性进行数组的去重工作。单一数组的去重。let set6 = new Set([1, 2, 2, 3, 4, 3, 5])console.log('distinct 1:', set6)结果:distinct 1: Set { 1, 2, 3, 4, 5 } 多数组的合并去重l...原创 2018-07-02 14:48:44 · 132 阅读 · 0 评论 -
es6一些方法
1.rem的理解:(关于页面的适配--手写)https://mp.weixin.qq.com/s/-22kMEXf0S-1okqXw40OqQrem 的62% 是个 什么意思 16px=1rem 1px=62.5%rem;2.对promise的理解:参考:https://mp.weixin.qq.com/s/baiyaLF9Xv6ECabCOlIlAg其余的作用,其实不大:...转载 2018-06-26 12:00:35 · 481 阅读 · 0 评论 -
大白话讲解Promise(一)
去年6月份, ES2015正式发布(也就是ES6,ES6是它的乳名),其中Promise被列为正式规范。作为ES6中最重要的特性之一,我们有必要掌握并理解透彻。本文将由浅到深,讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛 复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么玩意呢?是一个类...转载 2018-06-26 16:09:05 · 282 阅读 · 0 评论 -
大白话讲解Promise(三)搞懂jquery中的Promise
前两篇我们讲了ES6中的Promise以及Promise/A+规范,在Promise的知识体系中,jquery当然是必不可少的一环,所以本篇就来讲讲jquery中的Promise,也就是我们所知道的Deferred对象。 事实上,在此之前网上有很多文章在讲jquery Deferred对象了,但是总喜欢把ajax和Deferred混在一起讲,容易把人搞混。when、done、promise、suc...转载 2018-06-26 16:14:42 · 197 阅读 · 0 评论 -
大白话讲解Promise(二)理解Promise规范
上一篇我们讲解了ES6中Promise的用法,但是知道了用法还远远不够,作为一名专业的前端工程师,还必须通晓原理。所以,为了补全我们关于Promise的知识树,有必要理解Promise/A+规范,理解了它你才能知道Promise内部是怎么回事,我们ES6中的Promise是如何一路走来的。 网上关于Promise/A+的翻译文档很多,所以我就不翻译一次了,本篇的目的在于为文档增加一些标注,以帮助我...转载 2018-06-26 16:13:42 · 190 阅读 · 0 评论