小言_互联网的博客

前端面试杂记 -- 攻克前端面试(javascript)

354人阅读  评论(0)

1.switch语句部分和case语句部分都可以使用表达式

swith(1+3){
    case 2+2 :
        console.log("表达式执行了...");
    break;
    default:
        console.log("表达式没有执行...");
}
// 结果   表达式执行了...

2.switch语句和case语句部分进行结果比较时采用的是严格的比较(===) 而不是(==)既不会发生类型转化

var x = 1;
switch (x) {  
case true:    console.log('x 发生类型转换');    
break;  
default:    console.log('x 没有发生类型转换');
}// x 没有发生类型转换

3.label标签

javascript语言允许,语句的前面带有标签,相当于定位符,用于调转到程序的任意位置。标签的格式如下  label:语句。

标签可以是任意的标识符,但不能是保留字,语句部分可以是任意语句。

标签通常与break语句和continue语句配合使用,跳出特定的循环。

top:  for (var i = 0; i < 3; i++){   
 for (var j = 0; j < 3; j++){    
   if (i === 1 && j === 1) break top;    
     console.log('i=' + i + ', j=' + j);
    }
  }// i=0, j=0// i=0, j=1// i=0, j=2// i=1, j=0

上面代码为一个双重循环区块,break命令后面加上了top标签(注意,top不用加引号),满足条件时,直接跳出双层循环。如果break语句后面不使用标签,则只能跳出内层循环,进入下一次的外层循环。

标签也可以用于跳出代码块。

foo: {  console.log(1);  
break 
foo;  console.log('本行不会输出');
}console.log(2);// 1// 2

上面代码执行到break foo,就会跳出区块

continue语句也可以与标签配合使用。

top:  
for (var i = 0; i < 3; i++){    
for (var j = 0; j < 3; j++){     
 if (i === 1 && j === 1) continue top;      
console.log('i=' + i + ', j=' + j);
    }
  }
// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0
// i=2, j=0

上面代码中,continue命令后面有一个标签名,满足条件时,会跳过当前循环,直接进入下一轮外层循环。如果continue语句后面不使用标签,则只能进入下一轮的内层循环。

4.整数和浮点数

在javascript中,所有的数字都是以64位浮点数的形式储存,即使整数也是如此。所以1和1.0是相同的,是同一个数字

1 === 1.0 // true

这就是说,JavaScript 语言的底层根本没有整数,所有数字都是小数(64位浮点数)。容易造成混淆的是,某些运算只有整数才能完成,此时 JavaScript 会自动把64位浮点数,转成32位整数,然后再进行运算。

由于浮点数不是精确的值,所以涉及小数的比较和运算要特别小心

0.1 + 0.2 === 0.3
// false
0.3 / 0.1
// 2.9999999999999996
(0.3 - 0.2) === (0.2 - 0.1)
// false

5.删除数组中的指定的元素  翻遍所有的API也没有现有的方法

let arr = [1, 3, 4, 6, 7, 8, 9, "xixi", "ysys"];
 Array.prototype.remove = function (val) {
            var index = this.indexOf(val);
            if (index > -1) {
                this.splice(index, 1);
            }
        };
arr.remove("xixi");
console.log(arr)//[1, 3, 4, 6, 7, 8, 9, "ysys"]

6.容易入坑的隐式转换

false == ""  // true
false == []  // true
false == {}  // false
"" == 0      // true
"" == []     // true
"" == {}     // false
0 == []      // true
0 == {}      // false
0 == null    // false

Number({})   // NaN
Number([])   // 0
Number(null) // 0

7.ES6的let和const都是新引入的关键字,他们不会被提升,而且是块级作用域。

 let g1 = 'global 1'
        let g2 = 'global 2'
        {
            /* Creating a new block scope */
            g1 = 'new global 1'
            let g2 = 'local global 2'
            console.log(g1)
            // 'new global 1'
            console.log(g2)
            // 'local global 2'
            //console.log(g3)
            // ReferenceError: g3 is not defined
            let g3 = 'I am not hoisted';
        }
        console.log(g1)
        // 'new global 1'
        console.log(g2)
        // 'global 2'
        console.log(g3)
        // Uncaught ReferenceError: g3 is not defined

8.const也是面试中的一个坑,我们都常说使用const声明的变量是常量,它的值不可以更改。准确的说他不可以被重新赋值,但是可以更改。

const tryMe = 'initial assignment';
tryMe = 'this has been reassigned';  
// TypeError: Assignment to constant variable.
// You cannot reassign but you can change it…
const array = ['Ted', 'is', 'awesome!'];
array[0] = 'Barney';
array[3] = 'Suit up!';
console.log(array);     
// [“Barney”, “is”, “awesome!”, “Suit up!”]
const airplane = {};
airplane.wings = 2;
airplane.passengers = 200;
console.log(airplane);   
// {passengers: 200, wings: 2}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

持续更新中...


转载:https://blog.csdn.net/qq_36818627/article/details/88654914
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场