手写js面试题集

• 实现一个遍历domtree

function domtree(dom,index=0){
	index++;//domtree深度
	if (dom.nodeType === Node.ELEMENT_NODE) {
		console.log(dom.tagName+":"+index)
	}
	let childNodes = dom.childNodes;
	for (let i=0;i<childNodes.length;i++) {
		if(childNodes[i].nodeType === Node.ELEMENT_NODE){
			domtree(childNodes[i],index)
		}
	}
}复制代码

• 实现一个instanceof

先上一张图

                       

function  Instanceof(a,b) {
	let proto = a.__proto__;
	let prototype = b.prototype;
	while (true){
		if (proto === prototype) { 
			return true
		}
		if (proto == null) {
			return false
		}
		proto = proto.__proto__;
	}
}复制代码

• 防抖与节流

1.防抖

function debounce(func,wait){
	let timer = null;
	return function(...prm){
		if(timer) clearTimeout(timer);
		timer = setTimeout(()=>{
			func(...prm)
		},wait)
	}
}复制代码

2.节流

function throttle(fn, wait) {
	let prev = new Date();
	return function() { 
	    const args = arguments;
		const now = new Date();
		if (now - prev > wait) {
			fn.apply(this, args);
			prev = new Date();
		}
}复制代码

• 深拷贝

function deepCopy(obj){
    if(typeof obj == "object"){
        var result = obj.constructor == Array ? [] : {};
        for(let i in obj){
            result[i] =  deepCopy(obj[i]) ;
        }
    }else {
        var result = obj;
    }
    return result;
}复制代码