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

/**转：你有必要知道的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"]