[java学习6]你有必要知道的25个JavaScript面试题

绝地灬酷狼 2022-07-15 19:25 192阅读 0赞

/**转：你有必要知道的25个JavaScript面试题 *原文：http://www.jb51.net/article/77140.htm *看到这个文章，觉得js还有很多东西要弄明白。我把目前能接受的运行一下，这里做个记录吧。 **/ /**类型判断 * 看来Object.prototype.toString.call这个比typeof更精准了，得记住。 * */ function fun() {
    }
    var obj = {};
    var arr = [];
    console.log(typeof(obj));//object
    console.log(typeof(arr));//object
    console.log(typeof(fun));//function
    console.log(typeof(obj) === typeof(arr));//true
    console.log(Object.prototype.toString.call(obj));//[object Object]
    console.log(Object.prototype.toString.call(arr));//[object Array]
    console.log(Object.prototype.toString.call(fun));//[object Function]
    console.log(Object.prototype.toString.call(obj) === Object.prototype.toString.call(arr));//false
    
    /**this作用域 * 自动运行的函数它的调用这居然是window,这也就不奇怪了自运行函数的this.foo是为定义的。 * */ var myObject = {
        foo: "bar",
        func: function () {
            var self = this;
            console.log(this.foo);//bar
            console.log(self.foo);//bar
            (function () {
                console.log(Object.prototype.toString.call(this));//[object Window]
                console.log(this.foo);//undefine
                console.log(self.foo);//bar
            })();
        }
    };
    myObject.func();
    /*------------------------------------------------------------*/
    function test(){
        alert(this);
    }
    var obj=function(){};
    obj.objTest=test;//声明＋定义直接干了，这样写看的很不习惯啊。
    test();//［object Window］
    obj.objTest();//function(){}
    /**IIFE（Immediately-Invoked Function Expression）立即执行函数表达式 *注意：1，for循环是不带作用域的，使用的全是全局变量。 * 2，setTimeout表示xxx毫秒后执行。 * */ for (var i = 0; i < 5; i++) {
        setTimeout(function () {
            console.log(i);
        }, 1000);//输出5个"5"
    }
    /*------------------------------------------------------------*/
    for (var i = 0; i < 5; i++) {
       var b = 2;
    }
    setTimeout(function () {
        console.log(Object.prototype.toString.call(this));//［object Window］
        console.log(this.i);//5
        console.log(this.b);//2
    }, 1000);
    /*------------------------------------------------------------*/
    for (var i = 0; i < 5; i++) {
        (function (i) {
            setTimeout(function () {
                console.log(i);
            }, 1000);
        })(i);//输出0,1,2,3,4
    }
    /**一个小坑 *对于 return 、break、continue 等语句，如果后面紧跟换行，解析器一定会自动在后面填充分号(;)， * */ function foo1() {
        return {
            bar: "hello"
        };
    }
    function foo2() {
        return //关键看这里。
        {
            bar: "hello"
        };
    }
    console.log(foo1());//Object {bar: "hello"}
    console.log(foo2());//undefine
    /**浮点数处理 *浮点的运算一直是bug来源，先写在这里吧，这个思路以后肯定能用到。 * */ function add(num1, num2) {
        var r1, r2, m;
        //先转换字符串，然后通过.分割，然后去小数部分，然后求长度。
        r1 = ('' + num1).split('.')[1].length;
        r2 = ('' + num2).split('.')[1].length;
        m = Math.pow(10, Math.max(r1, r2));
        return (num1 * m + num2 * m) / m;
    }
    console.log(0.1 + 0.2); //0.30000000000000004
    console.log(add(0.1 + 0.2));//0.3
    
    /**数组的赋值、push、slice * slice()生成新的数组；reverse返回本身引用 * slice() 方法可从已有的数组中返回选定的元素。 * arrayObject.slice(start,end) * 参数 描述 start 必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。 也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。 end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。 如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。 如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。 * */ var arr1 = "john".split('');
    var arr2 = arr1.reverse();//这里是关键点，这俩货居然是同地址，所谓浅复制，但我不知道怎么看。
    console.log(arr1);
    console.log(arr2);
    var arr3 = "jones".split('');
    arr2.push(arr3);//此时arr1和arr2都是5个元素了，最后一个就是arr3的引用。
    console.log(Object.prototype.toString.call(arr1[4]));//[object Array]
    arr3.push("Q");
    console.log(arr2[4]);//["j", "o", "n", "e", "s", "Q"]
    console.log(arr3);//["j", "o", "n", "e", "s", "Q"]
    console.log(arr1.length + ";" + arr1.slice(-1));//5;j,o,n,e,s,Q
    console.log(arr2.length + ";" + arr2.slice(-1));//5;j,o,n,e,s,Q
    /*------------------------------------------------------------*/
    var arrSlice1 = "john".split('');
    var arrSlice2 = arrSlice1.slice(0,2);
    console.log(arrSlice2);//["j", "o"]
    arrSlice2.push("Q");
    arrSlice2[0] = "A";
    console.log(arrSlice2);//["A", "o", "Q"]
    console.log(arrSlice1);//["j", "o", "h", "n"]