JavaScript 学习之路- JS 小测验

2019年5月22日 148次阅读 来源: 一个学前端的码农

在学习 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. 执行以下代码，输出是什么？为什么？
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()

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

另外一种是正则表达式

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

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

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

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

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

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

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

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

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

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

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

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

或者是

arr instanceof Array

又或是

Array.isArray(arr)

第四种方法可以用

arr.__proto__.constructor == Array
  1. << 和 >> 运算符相关操作？

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

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

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

  1. 执行以下代码，输出是什么？为什么？
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 立刻执行。

(完)
谢谢您的阅读，记得点个赞和关注。

    原文作者：一个学前端的码农
    原文地址: https://www.jianshu.com/p/3f2f38216fc8
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞