Web前端面试题及答案--JavaScript

Web前端面试题及答案–JavaScript篇

    随着互联网行业蓬勃兴起，Web前端开发已经成为互联网行业必不可缺的一个岗位，进入公司从事Web前端开发前首先要通过面试这道“难关”，这篇博文便会和大家共同分享一些曾出现过的面试题。

• 写出程序运行结果

for(i=0, j=0; i<10, j<6; i++, j++){
    k = i + j;
}
    console.log(k);   //10

    for循环中条件语句参考   ;   前紧挨的条件。

• 写出运算结果

    alert('5'+3);                       //53
    console.log(typeof('5'+3))          //string

    alert('5'+'3');                     //53
    console.log(typeof('5'+'3'));       //string

    alert('5'-3);                       //2
    console.log(typeof('5'- 3));        //number

    alert('5'-'3');                     //2
    console.log(typeof('5'-'3'));       //number

    alert('5a'-'3');                    //NaN
    console.log(typeof('5a' - '3'));    //number

    运算中包含字符串时，+ 表示拼接符、- 表示运算符；
    字符串由数字和字母组成时，运算结果为NaN。

• 精度问题

var  n  =  0.4,
     m  =  0.3,
     i  =  0.2,
     j  =  0.1;
alert((n  -  m)  ==  (i  -  j));    //false
alert((n - m)  ==  0.1);            //false
alert((i - j) == 0.1);              //true

    JS 精度不能精确到 0.1。

• 判断结果（精度问题）

alert(0.4*0.2 == 0.08);     //false

     0.4 * 0.2 值为 0.08000000000000002，大于 0.08

• 检测变量类型

function checkStr1(str){
    return str ='string';
}
    console.log(checkStr1('string'));    //string

function checkStr2(str){
    return str =='string';
}
    console.log(checkStr2('string'));    //true

function checkStr3(str){
    return str ==='string';
}
    console.log(checkStr3('string'));    //true

     = 赋值；
     == 用于比较两者是否相等，比较值相等，在比较的时候可以自动转换数据类型；
     === 用于比较两者是否完全相等，比较值和类型都相等，在比较时不会进行数据类型转换。

• 检测 | 的作用

console.log( 8 | 1 );       //9

     | 将数字运算转换成二进制并相加： 1000 + 1 = 1001
    再将二进制转换成数字：1001 = 9

• 双向非测试

var bool = !!2; 
alert(bool);                //true

     双向非操作可以把字符串和数字转换为布尔值。

• 运算测试

    var a;
    var b = a * 0;
    var c;
    if (b == b) {    //不成立，执行else中的语句
        console.log(b * 2 + "2" - 0 + 4);
    } else {
        console.log(!b * 2 + "2" - 0 + 4);      //26
    }   

    此处运算有些绕，需要一步一步理解：
    b是NaN,因为： 字母*数字  得到NaN；
    !b得到的是true；
    !b*2得到2；
    !b*2 + “2”得到22，+ 作用为数字与字符拼接符；
    !b*2 + “2” - 0得到22，- 作用为数字与数字运算符 ；
    !b * 2 + “2” - 0 + 4即22 + 4 得26；

• 运算测试

<script>
    var a = 1;
</script>
<script>
    var a;
    var b = a * 0;
    if (b == b) {
        console.log(b * 2 + "2" - 0 + 4);    //6
    } else {
        console.log(!b * 2 + "2" - 0 + 4);
    }

    不要把注意力只关注在console.log，别忽视了前面给出的条件：var a = 1; 结果为 6。

• ++测试

var a = 10,
    b = 20,
    c = 4;
console.log( ++a+b+c++ );   //35

    题中++a 得到自增值 11；
    题中c++ 得到原值 4；
    ++在左先自增再赋值，++在右先赋值再自增。

• 下列JavaScript代码执行后，iNum的值是多少？

var iNum = 0;
for(var i = 1; i< 10; i++){
    if(i % 5 == 0){
        continue;
    }
    iNum++;
}
console.log(iNum);      //8

    for循环表示：i值为1~9，if判断表示：i≠5，所以iNum 得 8 。

    在参加面试前，我们要做很多面试题，如果面试时面试题有了改动，那么背题、记答案得到的结果肯定是错的；理解做题既能增强自己的面试技巧，又能重温知识点，所以，面试题要理解着做。