資訊專欄INFORMATION COLUMN
摘要：如果對(duì)象的屬性值不為的時(shí)候，直接復(fù)制參數(shù)對(duì)象的每一個(gè)鍵值到新的對(duì)象對(duì)應(yīng)的鍵值對(duì)中。如果您覺得文章還不錯(cuò)，請(qǐng)隨手點(diǎn)個(gè)贊，您的認(rèn)同是我的動(dòng)力
最近在面試，面試官動(dòng)不動(dòng)就讓寫一個(gè)原生方法的實(shí)現(xiàn)，那咱們就在這里寫一下常見的一些實(shí)現(xiàn)：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的實(shí)現(xiàn)
function create() {
// 創(chuàng)建一個(gè)空的對(duì)象
let obj = new Object()
// 獲得構(gòu)造函數(shù)
let Con = [].shift.call(arguments)
// 鏈接到原型
obj.__proto__ = Con.prototype
// 綁定 this，執(zhí)行構(gòu)造函數(shù)
let result = Con.apply(obj, arguments)
// 確保 new 出來的是個(gè)對(duì)象
return typeof result === "object" ? result : obj
}
4.函數(shù)防抖
// func是用戶傳入需要防抖的函數(shù)
// wait是等待時(shí)間
const debounce = (func, wait = 50) => {
// 緩存一個(gè)定時(shí)器id
let timer = 0
// 這里返回的函數(shù)是每次用戶實(shí)際調(diào)用的防抖函數(shù)
// 如果已經(jīng)設(shè)定過定時(shí)器了就清空上一次的定時(shí)器
// 開始一個(gè)新的定時(shí)器，延遲執(zhí)行用戶傳入的方法
return function(...args) {
if (timer) clearTimeout(timer)
timer = setTimeout(() => {
func.apply(this, args)
}, wait)
}
}
5.函數(shù)節(jié)流
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]);//如果對(duì)象的屬性值為object的時(shí)候，遞歸調(diào)用deepClone,即在吧某個(gè)值對(duì)象復(fù)制一份到新的對(duì)象的對(duì)應(yīng)值中。
} else {
result[key] = obj[key];//如果對(duì)象的屬性值不為object的時(shí)候，直接復(fù)制參數(shù)對(duì)象的每一個(gè)鍵值到新的對(duì)象對(duì)應(yīng)的鍵值對(duì)中。
}
}
return result;
}
return obj;
}
7.extends實(shí)現(xiàn)
//子類 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){
// 如果已存在對(duì)應(yīng)的實(shí)例
if(typeof A.instance === "object"){
return A.instance
}
//否則正常創(chuàng)建實(shí)例
this.name = name
// 緩存
A.instance =this
return this
}
9.發(fā)布訂閱模式
// 事件類
class EventEmitter {
constructor () {
this.events = { } // 事件隊(duì)列，保存著每一種事件的處理程序
}
on (type, callback) { // type 要綁定的事件名字， callback 處理程序
if (this.events[type]) {// 如果事件隊(duì)列中有這個(gè)事件
// 將此次綁定的處理程序放入進(jìn)去
this.events[type].push(callback.bind(this))
return false
}
// 如果沒有這個(gè)事件，新建
this.events[type] = [callback.bind(this)]
}
emit (type, ...args) {
// 觸發(fā)事件的時(shí)候如果沒有事件，報(bào)錯(cuò)
if (!this.events[type]) {
console.error("type event is not found")
}else {
// 挨個(gè)執(zhí)行隊(duì)列中的處理程序
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)
總結(jié)
以上是面試過程中常見的方法實(shí)現(xiàn)，只是簡單的實(shí)現(xiàn)，面試的各位可以看下準(zhǔn)備下。
如果您覺得文章還不錯(cuò)，請(qǐng)隨手點(diǎn)個(gè)贊，您的認(rèn)同是我的動(dòng)力！
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/100568.html
摘要：前言秋招宣告結(jié)束，面試了接近家公司，有幸拿到，感謝這段時(shí)間一起找工作面試的朋友和陪伴我的人。一定要提前準(zhǔn)備好，不然面試官叫你說遇到的難點(diǎn)，或者直接問問題時(shí)可能會(huì)懵逼。 前言 秋招宣告結(jié)束，面試了接近20家公司，有幸拿到offer，感謝這段時(shí)間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經(jīng)歷，相信不亞于當(dāng)年的高考吧，也許現(xiàn)在想起來高考不算什么，也許只有經(jīng)歷過秋招的人才懂得找工作的艱辛...
摘要：前言秋招宣告結(jié)束，面試了接近家公司，有幸拿到，感謝這段時(shí)間一起找工作面試的朋友和陪伴我的人。一定要提前準(zhǔn)備好，不然面試官叫你說遇到的難點(diǎn)，或者直接問問題時(shí)可能會(huì)懵逼。 前言 秋招宣告結(jié)束，面試了接近20家公司，有幸拿到offer，感謝這段時(shí)間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經(jīng)歷，相信不亞于當(dāng)年的高考吧，也許現(xiàn)在想起來高考不算什么，也許只有經(jīng)歷過秋招的人才懂得找工作的艱辛...
摘要：面試官比較著急了，跟我溝通的時(shí)候，我才知道返回值不一定非要跟原生的一樣。騰訊一面平常開發(fā)怎么設(shè)計(jì)組件的?？偨Y(jié)騰訊面試的感覺就是，沒有那么正式，都是部門的技術(shù)直接聯(lián)系的你，然后二面就是部門負(fù)責(zé)人了，決定了是否入職。 引入 面試過去了這么久，把八月份面試題和總結(jié)發(fā)一下吧，雖然年底大家可能都不換工作~ 還是可以看看的。 關(guān)于面試，引用葉老濕的一句話。你的簡歷是自己工作的答卷，項(xiàng)目經(jīng)歷是你給面...
摘要：面試總結(jié)因?yàn)槲沂情_發(fā)，所以面試的都是后端開發(fā)，只能總結(jié)一些這方面的題。因?yàn)槲乙矝]有面試太多的公司，在小城市，沒有太多的大公司，所以總結(jié)的只有這些，希望想要換工作的人，提前準(zhǔn)備。 好久沒有更新文章了，不是因?yàn)橥祽?，是因?yàn)槊χ鴾?zhǔn)備面試了，現(xiàn)在總結(jié)下最近的面試心得，希望對(duì)大家有幫助 時(shí)刻準(zhǔn)備著 每次入職一個(gè)公司，我們都是想著一直干下去的，但是這只不過是我們的一廂情愿罷了，工作中有太多的不可控...
摘要：函數(shù)式編程前端掘金引言面向?qū)ο缶幊桃恢币詠矶际侵械闹鲗?dǎo)范式。函數(shù)式編程是一種強(qiáng)調(diào)減少對(duì)程序外部狀態(tài)產(chǎn)生改變的方式。 JavaScript 函數(shù)式編程 - 前端 - 掘金引言 面向?qū)ο缶幊桃恢币詠矶际荍avaScript中的主導(dǎo)范式。JavaScript作為一門多范式編程語言，然而，近幾年，函數(shù)式編程越來越多得受到開發(fā)者的青睞。函數(shù)式編程是一種強(qiáng)調(diào)減少對(duì)程序外部狀態(tài)產(chǎn)生改變的方式。因此，...
閱讀 2088·2021-11-24 09:39
閱讀 2196·2021-09-22 15:50
閱讀 2156·2021-09-22 14:57
閱讀 777·2021-07-28 00:13
閱讀 1137·2019-08-30 15:54
閱讀 2419·2019-08-30 15:52
閱讀 2743·2019-08-30 13:07
閱讀 3909·2019-08-30 11:27
