国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端面試中的各種方法實現

funnyZhang / 2488人閱讀

摘要:如果對象的屬性值不為的時候,直接復制參數對象的每一個鍵值到新的對象對應的鍵值對中。如果您覺得文章還不錯,請隨手點個贊,您的認同是我的動力

最近在面試,面試官動不動就讓寫一個原生方法的實現,那咱們就在這里寫一下常見的一些實現:
1.bind
Function.prototype.bind2 = function (context) {
    var self = this;
    return function () {
        self.apply(context);
    }

}
2.promise
class Promise {
       result: any;
       callbacks = [];
       failbacks = [];
       constructor(fn) {
           fn(this.resolve.bind(this), this.reject.bind(this));
       }
       resolve(res) {
           if (this.callbacks.length > 0) this.callbacks.shift()(res, this.resolve.bind(this), this.reject.bind(this));
       }
       reject(res) {
           this.callbacks = [];
           if (this.failbacks.length > 0) this.failbacks.shift()(res, this.resolve.bind(this), this.reject.bind(this));
       }
       catch(fn) {
           this.failbacks.push(fn);
       }
       then(fn) {
           this.callbacks.push(fn);
           return this;
       }

   }
3.new的實現
function create() {
    // 創建一個空的對象
    let obj = new Object()
    // 獲得構造函數
    let Con = [].shift.call(arguments)
    // 鏈接到原型
    obj.__proto__ = Con.prototype
    // 綁定 this,執行構造函數
    let result = Con.apply(obj, arguments)
    // 確保 new 出來的是個對象
    return typeof result === "object" ? result : obj
}
4.函數防抖
// func是用戶傳入需要防抖的函數
// wait是等待時間
const debounce = (func, wait = 50) => {
  // 緩存一個定時器id
  let timer = 0
  // 這里返回的函數是每次用戶實際調用的防抖函數
  // 如果已經設定過定時器了就清空上一次的定時器
  // 開始一個新的定時器,延遲執行用戶傳入的方法
  return function(...args) {
    if (timer) clearTimeout(timer)
    timer = setTimeout(() => {
      func.apply(this, args)
    }, wait)
  }
}
5.函數節流
function throttle(method,delay){
    var timer=null;
    return function(){
        var context=this, args=arguments;
        clearTimeout(timer);
        timer=setTimeout(function(){
            method.apply(context,args);
        },delay);
    }
}
6.深拷貝
function deepClone(obj) {
    let result = typeof  obj.splice === "function" ? [] : {};
    if (obj && typeof obj === "object") {
        for (let key in obj) {
            if (obj[key] && typeof obj[key] === "object") {
                result[key] = deepClone(obj[key]);//如果對象的屬性值為object的時候,遞歸調用deepClone,即在吧某個值對象復制一份到新的對象的對應值中。
            } else {
                result[key] = obj[key];//如果對象的屬性值不為object的時候,直接復制參數對象的每一個鍵值到新的對象對應的鍵值對中。
            }

        }
        return result;
    }
    return obj;
}
7.extends實現
//子類  extends  父類
Function.prototype.extends = function(func, options){
    for(var key in func.prototype){
        this.prototype[key] = func.prototype[key];
    }
    for(var name in options){
        this.prototype[name] = options[name];
    }
}
8.單例模式
function A(name){
    // 如果已存在對應的實例
   if(typeof A.instance === "object"){
       return A.instance
   }
   //否則正常創建實例
   this.name = name
   
   // 緩存
   A.instance =this
   return this
}
9.發布訂閱模式
 // 事件類
    class EventEmitter {
        constructor () {
            this.events = { } // 事件隊列,保存著每一種事件的處理程序
        }
 
        on (type, callback) { // type 要綁定的事件名字, callback 處理程序
            if (this.events[type]) {// 如果事件隊列中有這個事件
                // 將此次綁定的處理程序放入進去
                this.events[type].push(callback.bind(this))
                return false
            }
            // 如果沒有這個事件,新建
            this.events[type] = [callback.bind(this)]
        }
 
        emit (type, ...args) {
            // 觸發事件的時候如果沒有事件,報錯
            if (!this.events[type]) {
                console.error("type event is not found")
            }else {
                // 挨個執行隊列中的處理程序
                this.events[type].forEach(callback => {
                    callback(...args)
                });
            }
        }
    }
 
 
    let bus = new EventEmitter()
 
    bus.on("play", (num1, num2) => {
        alert(123)
    })
 
    bus.on("play", (num1, num2) => {
        alert(456)
        alert(num1 + num2)
    })
 
    bus.emit("play", 1, 2)
總結

以上是面試過程中常見的方法實現,只是簡單的實現,面試的各位可以看下準備下。
如果您覺得文章還不錯,請隨手點個贊,您的認同是我的動力!

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/100568.html

相關文章

  • 前端秋招面試總結

    摘要:前言秋招宣告結束,面試了接近家公司,有幸拿到,感謝這段時間一起找工作面試的朋友和陪伴我的人。一定要提前準備好,不然面試官叫你說遇到的難點,或者直接問問題時可能會懵逼。 前言 秋招宣告結束,面試了接近20家公司,有幸拿到offer,感謝這段時間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經歷,相信不亞于當年的高考吧,也許現在想起來高考不算什么,也許只有經歷過秋招的人才懂得找工作的艱辛...

    Gu_Yan 評論0 收藏0
  • 前端秋招面試總結

    摘要:前言秋招宣告結束,面試了接近家公司,有幸拿到,感謝這段時間一起找工作面試的朋友和陪伴我的人。一定要提前準備好,不然面試官叫你說遇到的難點,或者直接問問題時可能會懵逼。 前言 秋招宣告結束,面試了接近20家公司,有幸拿到offer,感謝這段時間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經歷,相信不亞于當年的高考吧,也許現在想起來高考不算什么,也許只有經歷過秋招的人才懂得找工作的艱辛...

    Scholer 評論0 收藏0
  • 前端面試總結(at, md)

    摘要:面試官比較著急了,跟我溝通的時候,我才知道返回值不一定非要跟原生的一樣。騰訊一面平常開發怎么設計組件的。總結騰訊面試的感覺就是,沒有那么正式,都是部門的技術直接聯系的你,然后二面就是部門負責人了,決定了是否入職。 引入 面試過去了這么久,把八月份面試題和總結發一下吧,雖然年底大家可能都不換工作~ 還是可以看看的。 關于面試,引用葉老濕的一句話。你的簡歷是自己工作的答卷,項目經歷是你給面...

    zhunjiee 評論0 收藏0
  • java面試總結

    摘要:面試總結因為我是開發,所以面試的都是后端開發,只能總結一些這方面的題。因為我也沒有面試太多的公司,在小城市,沒有太多的大公司,所以總結的只有這些,希望想要換工作的人,提前準備。 好久沒有更新文章了,不是因為偷懶,是因為忙著準備面試了,現在總結下最近的面試心得,希望對大家有幫助 時刻準備著 每次入職一個公司,我們都是想著一直干下去的,但是這只不過是我們的一廂情愿罷了,工作中有太多的不可控...

    Lionad-Morotar 評論0 收藏0
  • JavaScript系列(四) - 收藏集 - 掘金

    摘要:函數式編程前端掘金引言面向對象編程一直以來都是中的主導范式。函數式編程是一種強調減少對程序外部狀態產生改變的方式。 JavaScript 函數式編程 - 前端 - 掘金引言 面向對象編程一直以來都是JavaScript中的主導范式。JavaScript作為一門多范式編程語言,然而,近幾年,函數式編程越來越多得受到開發者的青睞。函數式編程是一種強調減少對程序外部狀態產生改變的方式。因此,...

    cfanr 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<