JavaScript 面试手写题

1 JS手写ul li 实现点击事件

        var ul = document.createElement('ul');
        document.body.appendChild(ul);
        for (let i = 0; i < 100; i++) {
            var li = document.createElement("li");
            ul.appendChild(li);
            var text = document.createTextNode("哈哈哈哈");
            li.append(text);
        }
        var items = document.getElementsByTagName("li"); //返回的htmlCollection类型不能用map遍历，可以用for，或者转为数组
        console.log(items);
        var arr = [].slice.call(items); 
        arr.map((item,index)=>{
            item.onclick=function(){
                console.log(index);
            }
        });

2 判断变量数据类型

简书

Array.isArray(data) //ES6判断数组

function judgeType(change) {
        if (arguments.length == 0) {
            return '0';//无参数传入
        }
        if (change === null) {
            return 'null'
        }
        if (change === undefined && arguments.length > 0) {
            return 'undefined'
        }
        if (change instanceof Function) {
            return 'function'
        }
        if (change instanceof Array) {
            return 'arry'
        }
        if (change instanceof Number || typeof change == 'number') {
            return 'number'
        }
        if (change instanceof String || typeof change == 'string') {
            return 'string'
        }
        if (change instanceof Boolean || typeof change == 'boolean') {
            return 'boolean'
        }
        if(Object.prototype.toString.call(data) === "[object Object]"){
        	return "Object"
        }
    }