在学习 JS 的过程中，很多知识往往看一遍就过去了，然后自以为掌握了，其实再次碰到不一定能答得出来，看到一些有趣的东西还是要动手实践一下，而且时不时复习一下，非常有利于加深记忆。今天是五一，假日期间，好好休息玩耍，也别学什么新东西了，你可以看看以下这些问题以及相关知识点来看看自己掌握了多少，温故知新。

问题不多，耐心看完。最下方有答案，先别急着翻，自己先想想。

问题

  1. JS 格式化，用逗号分隔千分位数字
  2. 运行 [1, 2, 2].fill(3, 1, 3) 会输出什么
  3. ~~3.5 的结果是什么
  4. 如何判断一个数组的长度是奇数还是偶数
  5. JSON.parse 和 JSON.stringify 的作用
  6. typeof null为什么等于 "object"，它的判断原理是什么
  7. 如何判断一个元素是否为数组
  8. << 和 >> 运算符
  9. function add(){} 和 var add = function（）{} 解析时的区别
  10. 执行以下代码，输出是什么？为什么？
    1
    2
    3
    4
    5
    6
    7
    var arr=[1,2,3,4,5];
    for(var i=0;i<arr.length;i++) {
        arr[i]=function(){
          alert(i)
        }
    }
    arr[3]();

参考答案

如有错误，请帮忙指正。

  1. JS 格式化，用逗号分隔千分位数字

两种方法，一种是使用 tolocaleString()

1
2
var a = 1999;
a.toLocaleString();     // "1,999"

另外一种是正则表达式

1
2
3
var re = /(?!^)(?=(\d{3})+$)/g;
var a = "12345678";
a.replace(re, ',');   // "12,345,678"

  1. 运行 [1, 2, 2].fill(3, 1, 3) 会输出什么? 答案是 [1,3,3]

    fill 方法接受三个参数：num，start，end 。num 是你要填充的数字，start 是填充的起始位置，end 是终止位置。fill(3,1,3) 表示从索引 1 开始到索引 3 之间的元素填充为 3

  2. ~~3.5 的结果是什么？答案是 3

    对于非数字，~~ 的结果为0，有个例外是 ~~ true 结果为 1
    对于大于 0 的数，~~ 相当于是Math.floor
    对于小于 0 的数，~~ 相当于是Math.ceil

  3. 如何判断一个数组的长度是奇数还是偶数？答案是len & 1，len 为数组长度，奇数结果为true

    只要 “&&” 前面是false，无论 “&&” 后面是 true 还是 false，结果都将返 “&&” 前面的值;
    只要 “||” 前面为 false,不管 “||” 后面是 true 还是 false，都返回 “||” 后面的值。

  4. JSON.parse 和 JSON.stringify 的作用？

    JSON.parse 将一个 json 转化为 JavaScript Object string 类型
    JSON.stringify 将一个 string 转化为 json 类型

  5. typeof null为什么等于 "object"，它的判断原理是什么

    js 底层存储变量采用二进制，会在变量的机器码的低位 1-3 位存储其类型信息
    000：对象
    010：浮点数
    100：字符串
    110：布尔
    1：整数
    null：全0
    undefined：-2^30
    所以 typeof null 为显示为 object 对象。

  6. 如何判断一个元素是否为数组？

假设待判断对象为 arr ，有四种方法，一是

1
Object.prototype.toString.call(arr) == '[object Array]'

或者是

1
arr instanceof Array

又或是

1
Array.isArray(arr)

第四种方法可以用

1
arr.__proto__.constructor == Array

  1. << 和 >> 运算符相关操作？

    左移 << 将一个数的二进制表示向左移动 n 位，右边用0填充。
    右移 >> 将一个数的二进制表示向右移 n 位，舍弃被移出的位。
    简单点说，a >> n 相当于用 a 去除以 2 的 n 次方，所以 8 >> 1 结果为 4;
    而 a << n 相当于用 a 去乘以 2 的 n 次方，所以 2 << 5 结果为 64

  2. function add() {} 和 var add = function (){} 解析时的区别

    前者是执行前就会被解析（执行前就会读取函数名），而后者是执行过程中解析。所以 function add() {} 在执行里面的代码前就会读取函数名 add , 而 var add = function (){} 则是执行时逐步解析。

  3. 执行以下代码，输出是什么？为什么？
    1
    2
    3
    4
    5
    6
    7
    var arr=[1,2,3,4,5];
    for(var i=0;i<arr.length;i++) {
        arr[i]=function(){
          alert(i)
        }
    }
    arr[3]();

答案是输出 i 的值为 5 。这个是与闭包有关的经常看到的问题，不管运行函数时传入的 i 是什么，最终输出的都是 for 循环结束时的 i 的值，也就是数组的长度，因为匿名函数里的这句 alert(i) 执行的时候需要找到 i 变量，里面没有，那就只好去父级里找，而父级里的 i 在 for 循环，所以最终给到它的是循环的终止条件，也就是 i = 5 。

解决方法也很简单，要么把 for() 里面的 var 换成 let ，形成块级作用域；要么使用闭包，匿名函数里在返回一个匿名函数，并且传入 i 立刻执行。

(完)