
前端常用方法
好好学前端
菜就要好好学习,莫想别的
展开
-
前端常用方法——call、apply、bind的简易实现
前端常用方法——call、apply、bind的简易实现场景 call, apply,bind可以改变this的指向,利用es6的语法我们可以很简便的实现call,apply,bind用call时,第一个参数为想调用的对象,第二个以及以后为函数调用时的参数,实现如下Function.prototype.myCall = function(self,...args){ self = self || globalThis self.fn = this let result = self原创 2021-02-02 16:24:35 · 405 阅读 · 0 评论 -
前端常用方法——compose和reduce
前端常用方法——compose和reduce场景 之前学习的时候看到一个这样的方法const compose = (arr) => { return arr.reduce((a,b) => (...args) => a(b(...args)))}当时看的时候文章说他是 不断嵌套调用方法,比如const a = (num) => {}const b = (num) => {}const c = (num) => {}const fn = co原创 2021-01-26 20:31:53 · 721 阅读 · 0 评论 -
前端常用方法——函数防抖节流(立即执行,非立即执行,时间节流,setTimeout节流 )
前端常用方法——函数防抖节流(立即执行,非立即执行,时间节流,setTimeout节流 )场景 函数防抖分为立即执行和非立即执行,立即执行是指开始立即执行一次,之后在指定时间后再执行才可以执行;非立即执行是指 执行过程中不执行,执行后过一段时间再执行 函数节流是指根据间隔时间执行 下面是其简易实现防抖// 非立即执行版function debounce(fn,time) { let timer = null return function() { clearTimeout原创 2021-01-12 17:18:15 · 2137 阅读 · 0 评论 -
前端常用方法——promise的简易实现(包含race, all,wrap以及promise的简易实现)
前端常用方法——promise的简易实现(包含race, all,wrap以及promise的简易实现)场景 这几天看基础代码发现有好多自己之前实现的给忘记了,打算重拾记录下,以后有空的时间看下~Promise的class版本实现class MyPromise { constructor(fn) { this.status = 'pending' this.successArr = [] this.failArr = [] this.data = ''原创 2021-01-05 15:37:02 · 446 阅读 · 0 评论