专栏名称: JavaScript
面向JavaScript爱好人员提供:前端最新资讯、原创内容、JavaScript、HTML5、Ajax、jQuery、Node.js等一系列教程和经验分享。
目录
相关文章推荐
51好读  ›  专栏  ›  JavaScript

你有必要知道的一些JavaScript 面试题(中)

JavaScript  · 公众号  · Javascript  · 2017-02-20 10:54

正文

9.实现函数 isInteger(x) 来判断 x 是否是整数

可以将 x 转换成10进制,判断和本身是不是相等即可:

function isInteger(x) {

   return parseInt(x, 10) === x;

}

ES6 对数值进行了扩展,提供了静态方法 isInteger() 来判断参数是否是整数:

Number.isInteger(25) // true

Number.isInteger(25.0) // true

Number.isInteger(25.1) // false

Number.isInteger("15") // false

Number.isInteger(true) // false

JavaScript能够准确表示的整数范围在 -2^53 到 2^53 之间(不含两个端点),超过这个范围,无法精确表示这个值。ES6 引入了Number.MAX_SAFE_INTEGER 和 Number.MIN_SAFE_INTEGER这两个常量,用来表示这个范围的上下限,并提供了 Number.isSafeInteger() 来判断整数是否是安全型整数。

10.在下面的代码中,数字 1-4 会以什么顺序输出?为什么会这样输出?

(function() {

   console.log(1);

   setTimeout(function(){console.log(2)}, 1000);

   setTimeout(function(){console.log(3)}, 0);

   console.log(4);

})();

这个就不多解释了,主要是 JavaScript 的定时机制和时间循环,不要忘了,JavaScript 是单线程的。详解可以参考 从setTimeout谈JavaScript运行机制。

11.写一个少于 80 字符的函数,判断一个字符串是不是回文字符串

function isPalindrome(str) {

   str = str.replace(/\W/g, '').toLowerCase();

   return (str == str.split('').reverse().join(''));

}

这个题我在 codewars 上碰到过,并收录了一些不错的解决方式,可以戳这里:Palindrome For Your Dome

12.写一个按照下面方式调用都能正常工作的 sum 方法

console.log(sum(2,3));   // Outputs 5

console.log(sum(2)(3));  // Outputs 5

针对这个题,可以判断参数个数来实现:

function sum() {

 var fir = arguments[0];

 if(arguments.length === 2) {

   return arguments[0] + arguments[1]

 } else {

   return function(sec) {

      return fir + sec;

   }

 }

 

}

13.根据下面的代码片段回答后面的问题

for (var i = 0; i 5; i++) {

 var btn = document.createElement('button');

 btn.appendChild(document.createTextNode('Button ' + i));

 btn.addEventListener('click', function(){ console.log(i); });

 document.body.appendChild(btn);

}

1、点击 Button 4,会在控制台输出什么? 
2、给出一种符合预期的实现方式

1、点击5个按钮中的任意一个,都是输出5 
2、参考 IIFE。

14.下面的代码会输出什么?为什么?

var arr1 = "john".split(''); j o h n

var arr2 = arr1.reverse(); n h o j

var arr3 = "jones".split(''); j o n e s

arr2.push(arr3);

console.log("array 1: length=" + arr1.length + " last=" + arr1.slice(-1));

console.log("array 2: length=" + arr2.length + " last=" + arr2.slice(-1));

会输出什么呢?你运行下就知道了,可能会在你的意料之外。

MDN 上对于 reverse() 的描述是酱紫的:

Description 
The reverse method transposes the elements of the calling array object in place, mutating the array, and returning a reference to the array.

reverse() 会改变数组本身,并返回原数组的引用。

slice 的用法请参考:slice

15.下面的代码会输出什么?为什么?

console.log(1 +  "2" + "2");

console.log(1 +  +"2" + "2");

console.log(1 +  -"1" + "2");

console.log(+"1" +  "1" + "2");

console.log( "A" - "B" + "2");

console.log( "A" - "B" + 2);

输出什么,自己去运行吧,需要注意三个点:

  • 多个数字和数字字符串混合运算时,跟操作数的位置有关

console.log(2 + 1 + '3'); / /‘33

console.log('3' + 2 + 1); //'321'

  • 数字字符串之前存在数字中的正负号(+/-)时,会被转换成数字

console.log(typeof '3');   // string

console.log(typeof +'3');  //number

同样,可以在数字前添加 ”,将数字转为字符串

console.log(typeof 3);   // number

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

  • 对于运算结果不能转换成数字的,将返回 NaN

console.log('a' * 'sd');   //NaN

console.log('A' - 'B');  // NaN

这张图是运算转换的规则

16.如果 list 很大,下面的这段递归代码会造成堆栈溢出。如果在不改变递归模式的前提下修善这段代码?

var list = readHugeList();

 

var nextListItem = function() {

   var item = list.pop();

 

   if (item) {

       // process the list item...

       nextListItem();

   }

};

原文上的解决方式是加个定时器:

var list = readHugeList();

 

var nextListItem = function() {

   var item = list.pop();

 

   if (item) {

       // process the list item...

       setTimeout( nextListItem, 0);

   }

};

解决方式的原理请参考第10题。