网上整理了部分JS题以供学习，并且检验自己的学习理解JS的程度

每个问题答案都缩进起来了---自己想出结果可以查看答案对比

第1题

["1", "2", "3"].map(parseInt)

1	["1", "2", "3"].map(parseInt)

输出的结果是什么？

正确答案解析

第2题

[typeof null, null instanceof Object]

1	[typeof null, null instanceof Object]

结果是什么？？

正确答案解析

第3题

[ [3,2,1].reduce(Math.pow), [].reduce(Math.pow) ]

1 2	[ [3,2,1].reduce(Math.pow), [].reduce(Math.pow) ]

输出结果是答案是？

正确答案解析

第4题

var val = 'smtg';
console.log('Value is ' + (val === 'smtg') ? 'Something' : 'Nothing');

var val = 'smtg';

console.log('Value is ' + (val === 'smtg') ? 'Something' : 'Nothing');

打印出来的结果是什么？

正确答案解析

第5题

var name = 'World!';
(function () {
    if (typeof name === 'undefined') {
        var name = 'Jack';
        console.log('Goodbye ' + name);
    } else {
        console.log('Hello ' + name);
    }
})();

var name = 'World!';

(function () {

if (typeof name === 'undefined') {

var name = 'Jack';

console.log('Goodbye ' + name);

} else {

console.log('Hello ' + name);

}

})();

最终会打印出来的结果为？？

正确答案解析

第6题

var END = Math.pow(2, 53);
var START = END - 100;
var count = 0;
for (var i = START; i <= END; i++) {
    count++;
}
console.log(count);

var END = Math.pow(2, 53);

var START = END - 100;

var count = 0;

for (var i = START; i <= END; i++) {

count++;

}

console.log(count);

打印输出的结果是？？

正确答案解析

第7题

var ary = [0,1,2];
ary[10] = 10;
ary.filter(function(x) { return x === undefined;});

var ary = [0,1,2];

ary[10] = 10;

ary.filter(function(x) { return x === undefined;});

最终ary输出的结果是？？

正确答案解析

答案是 []

我们来看一下 Array.prototype.filter 的 polyfill:

if (!Array.prototype.filter) {
  Array.prototype.filter = function(fun/*, thisArg*/) {
    'use strict';

    if (this === void 0 || this === null) {
      throw new TypeError();
    }

    var t = Object(this);
    var len = t.length >>> 0;
    if (typeof fun !== 'function') {
      throw new TypeError();
    }

    var res = [];
    var thisArg = arguments.length >= 2 ? arguments[1] : void 0;
    for (var i = 0; i < len; i++) {
      if (i in t) { // 注意这里!!!
        var val = t[i];
        if (fun.call(thisArg, val, i, t)) {
          res.push(val);
        }
      }
    }

    return res;
  };
}

if (!Array.prototype.filter) {

Array.prototype.filter = function(fun/*, thisArg*/) {

'use strict';

if (this === void 0 || this === null) {

throw new TypeError();

}

var t = Object(this);

var len = t.length >>> 0;

if (typeof fun !== 'function') {

throw new TypeError();

}

var res = [];

var thisArg = arguments.length >= 2 ? arguments[1] : void 0;

for (var i = 0; i < len; i++) {

if (i in t) { // 注意这里!!!

var val = t[i];

if (fun.call(thisArg, val, i, t)) {

res.push(val);

}

return res;

};

}

我们看到在迭代这个数组的时候, 首先检查了这个索引值是不是数组的一个属性, 那么我们测试一下.

0 in ary; => true
3 in ary; => false
10 in ary; => true

0 in ary; => true

3 in ary; => false

10 in ary; => true

也就是说从 3 - 9 都是没有初始化的'坑'!, 这些索引并不存在与数组中. 在 array 的函数调用的时候是会跳过这些'坑'的.

第8题

var two   = 0.2
var one   = 0.1
var eight = 0.8
var six   = 0.6
console.log( [two - one == one, eight - six == two] );

var two = 0.2

var one = 0.1

var eight = 0.8

var six = 0.6

console.log( [two - one == one, eight - six == two] );

在[]中输出的结果是？？？

正确答案解析

第9题

function showCase(value) {
    switch(value) {
    case 'A':
        console.log('Case A');
        break;
    case 'B':
        console.log('Case B');
        break;
    case undefined:
        console.log('undefined');
        break;
    default:
        console.log('Do not know!');
    }
}
showCase(new String('A'));

function showCase(value) {

switch(value) {

case 'A':

console.log('Case A');

break;

case 'B':

console.log('Case B');

break;

case undefined:

console.log('undefined');

break;

default:

console.log('Do not know!');

}

showCase(new String('A'));

最终输出打印的结果？？

正确答案解析

第10题

function showCase2(value) {
    switch(value) {
    case 'A':
        console.log('Case A');
        break;
    case 'B':
        console.log('Case B');
        break;
    case undefined:
        console.log('undefined');
        break;
    default:
        console.log('Do not know!');
    }
}
showCase2(String('A'));

function showCase2(value) {

switch(value) {

case 'A':

console.log('Case A');

break;

case 'B':

console.log('Case B');

break;

case undefined:

console.log('undefined');

break;

default:

console.log('Do not know!');

}

showCase2(String('A'));

正确答案解析

第11题

function isOdd(num) {
    return num % 2 == 1;
}
function isEven(num) {
    return num % 2 == 0;
}
function isSane(num) {
    return isEven(num) || isOdd(num);
}
var values = [7, 4, '13', -9, Infinity];
values.map(isSane); // 最终结果是？？？

function isOdd(num) {

return num % 2 == 1;

}

function isEven(num) {

return num % 2 == 0;

}

function isSane(num) {

return isEven(num) || isOdd(num);

}

var values = [7, 4, '13', -9, Infinity];

values.map(isSane); // 最终结果是？？？

正确答案解析

第12题

parseInt(3, 8)
parseInt(3, 2)
parseInt(3, 0)

parseInt(3, 8)

parseInt(3, 2)

parseInt(3, 0)

三次parseInt分别输出的结果是什么？

正确答案解析

第13题

Array.isArray( Array.prototype )

1 2	Array.isArray( Array.prototype )

返回的结果是？？

正确答案解析

第14题

var a = [0];
if ([0]) {
  console.log(a == true);
} else {
  console.log("wut");
}

var a = [0];

if ([0]) {

console.log(a == true);

} else {

console.log("wut");

}

正确答案解析

第15题

[]==[] // 对比的结果？

[]==[] // 对比的结果？

二者对比返回的结果是？？

正确答案解析

第16题

var num1 = '5' + 3
var num2 = '5' - 3
console.log(num1,num2)

var num1 = '5' + 3

var num2 = '5' - 3

console.log(num1,num2)

输出的num1和num2结果是？？

正确答案解析

第17题

1 + - + + + - + 1

1 + - + + + - + 1

最终的答案是？

正确答案解析

第18题

var ary = Array(3);
ary[0]=2
ary.map(function(elem) { return '1'; });

var ary = Array(3);

ary[0]=2

ary.map(function(elem) { return '1'; });

ary.map后输出的是什么？？？

正确答案解析

稀疏数组. 同第7题.

题目中的数组其实是一个长度为3, 但是没有内容的数组, array 上的操作会跳过这些未初始化的'坑'.

所以答案是 ["1", undefined × 2]

这里贴上 Array.prototype.map 的 polyfill.

Array.prototype.map = function(callback, thisArg) {

        var T, A, k;

        if (this == null) {
            throw new TypeError(' this is null or not defined');
        }

        var O = Object(this);
        var len = O.length >>> 0;
        if (typeof callback !== 'function') {
            throw new TypeError(callback + ' is not a function');
        }
        if (arguments.length > 1) {
            T = thisArg;
        }
        A = new Array(len);
        k = 0;
        while (k < len) {
            var kValue, mappedValue;
            if (k in O) {
                kValue = O[k];
                mappedValue = callback.call(T, kValue, k, O);
                A[k] = mappedValue;
            }
            k++;
        }
        return A;
    };

Array.prototype.map = function(callback, thisArg) {

var T, A, k;

if (this == null) {

throw new TypeError(' this is null or not defined');

}

var O = Object(this);

var len = O.length >>> 0;

if (typeof callback !== 'function') {

throw new TypeError(callback + ' is not a function');

}

if (arguments.length > 1) {

T = thisArg;

}

A = new Array(len);

k = 0;

while (k < len) {

var kValue, mappedValue;

if (k in O) {

kValue = O[k];

mappedValue = callback.call(T, kValue, k, O);

A[k] = mappedValue;

}

k++;

}

return A;

};

第19题

function sidEffecting(ary) {
  ary[0] = ary[2];
}
function bar(a,b,c) {
  c = 10
  sidEffecting(arguments);
  return a + b + c;
}
bar(1,1,1)

function sidEffecting(ary) {

ary[0] = ary[2];

}

function bar(a,b,c) {

c = 10

sidEffecting(arguments);

return a + b + c;

}

bar(1,1,1)

这是一个大坑, 尤其是涉及到 ES6语法的时候

正确答案解析

第20题

var a = 111111111111111110000,
    b = 1111;
a + b;

var a = 111111111111111110000,

b = 1111;

a + b;

a+b的结果是？

正确答案解析

第21题

var x = [].reverse;
x();

var x = [].reverse;

x();

x()返回的是？？

正确答案解析

第22题


console.log( Number.MIN_VALUE > 0 )

1 2	console.log( Number.MIN_VALUE > 0 )

打印结果是？

正确答案解析

第23题

[1 < 2 < 3, 3 < 2 < 1]

1 2	[1 < 2 < 3, 3 < 2 < 1]

正确答案解析

第24题

// the most classic wtf
console.log( 2 == [[[2]]] )

1 2	// the most classic wtf console.log( 2 == [[[2]]] )

正确答案解析

第25题

3.toString()
3..toString()
3...toString()

3.toString()

3..toString()

3...toString()

三次输出返回的结果是？？

正确答案解析

第26题

(function(){
  var x = y = 1;
})();
console.log(y);
console.log(x);

(function(){

var x = y = 1;

})();

console.log(y);

console.log(x);

y和x分别的结果是？

正确答案解析

第27题

var a = /123/,
    b = /123/;
a == b
a === b

var a = /123/,

b = /123/;

a == b

a === b

正确答案解析

第28题

var a = [1, 2, 3],
    b = [1, 2, 3],
    c = [1, 2, 4]
a ==  b
a === b
a >   c
a <   c

var a = [1, 2, 3],

b = [1, 2, 3],

c = [1, 2, 4]

a == b

a === b

a > c

a < c

四次对比的结果分别是？？

正确答案解析

第29题

var a = {}, b = Object.prototype;
[a.prototype === b, Object.getPrototypeOf(a) === b]

var a = {}, b = Object.prototype;

[a.prototype === b, Object.getPrototypeOf(a) === b]

在[]中，二次对比的结果是什么？

正确答案解析

第30题

function f() {}
var a = f.prototype, b = Object.getPrototypeOf(f);
a === b

function f() {}

var a = f.prototype, b = Object.getPrototypeOf(f);

a === b

a===b结果是？

正确答案解析

第31题

function foo() { }
var oldName = foo.name;
foo.name = "bar";
[oldName, foo.name]

function foo() { }

var oldName = foo.name;

foo.name = "bar";

[oldName, foo.name]

[oldName, foo.name]分别输出结果是？

正确答案解析

第32题

"1 2 3".replace(/\d/g, parseInt)

1 2	"1 2 3".replace(/\d/g, parseInt)

最终答案是什么？

正确答案解析

第33题

function f() {}
var parent = Object.getPrototypeOf(f);
f.name // ?
parent.name // ?
typeof eval(f.name) // ?
typeof eval(parent.name) //  ?

function f() {}

var parent = Object.getPrototypeOf(f);

f.name // ?

parent.name // ?

typeof eval(f.name) // ?

typeof eval(parent.name) // ?

正确答案解析

第34题

var lowerCaseOnly =  /^[a-z]+$/;
[lowerCaseOnly.test(null), lowerCaseOnly.test()] // []中的结果是？？

var lowerCaseOnly = /^[a-z]+$/;

[lowerCaseOnly.test(null), lowerCaseOnly.test()] // []中的结果是？？

正确答案解析

第35题

[,,,].join(", ")

1 2	[,,,].join(", ")

返回来的结果是？？

正确答案解析

第36题

var a = {class: "Animal", name: 'Fido'};
a.class

var a = {class: "Animal", name: 'Fido'};

a.class

正确答案解析

第37题

var a = new Date("epoch")

1 2	var a = new Date("epoch")

正确答案解析

第38题

var a = Function.length,
    b = new Function().length
a === b

var a = Function.length,

b = new Function().length

a === b

正确答案解析

第39题

var a = Date(0);
var b = new Date(0);
var c = new Date();
[a === b, b === c, a === c]

var a = Date(0);

var b = new Date(0);

var c = new Date();

[a === b, b === c, a === c]

正确答案解析

第40题

var min = Math.min(), max = Math.max()
min < max // 对比结果是？

var min = Math.min(), max = Math.max()

min < max // 对比结果是？

正确答案解析

第41题

function captureOne(re, str) {
  var match = re.exec(str);
  return match && match[1];
}
var numRe  = /num=(\d+)/ig,
    wordRe = /word=(\w+)/i,
    a1 = captureOne(numRe,  "num=1"),
    a2 = captureOne(wordRe, "word=1"),
    a3 = captureOne(numRe,  "NUM=2"),
    a4 = captureOne(wordRe,  "WORD=2");
[a1 === a2, a3 === a4] // []中结果分别是多少

function captureOne(re, str) {

var match = re.exec(str);

return match && match[1];

}

var numRe = /num=(\d+)/ig,

wordRe = /word=(\w+)/i,

a1 = captureOne(numRe, "num=1"),

a2 = captureOne(wordRe, "word=1"),

a3 = captureOne(numRe, "NUM=2"),

a4 = captureOne(wordRe, "WORD=2");

[a1 === a2, a3 === a4] // []中结果分别是多少

正确答案解析

第42题

var a = new Date("2014-03-19"),
    b = new Date(2014, 03, 19);
[a.getDay() === b.getDay(), a.getMonth() === b.getMonth()] // []中的结果

var a = new Date("2014-03-19"),

b = new Date(2014, 03, 19);

[a.getDay() === b.getDay(), a.getMonth() === b.getMonth()] // []中的结果

正确答案解析

第43题

if ('http://giftwrapped.com/picture.jpg'.match('.gif')) {
  'a gif file'
} else {
  'not a gif file'
}

if ('http://giftwrapped.com/picture.jpg'.match('.gif')) {

'a gif file'

} else {

'not a gif file'

}

正确答案解析

第44题

function foo(a) {
    var a;
    return a;
}
function bar(a) {
    var a = 'bye';
    return a;
}
[foo('hello'), bar('hello')] // []中的结果

function foo(a) {

var a;

return a;

}

function bar(a) {

var a = 'bye';

return a;

}

[foo('hello'), bar('hello')] // []中的结果

正确答案解析

全部结束!

总结

由于笔者水平有限, 如果解释有误, 还望指出 😄

通过整理, 笔者发现绝大部分题目都是因为自己对于基础知识或者说某个 API 的参数理解偏差才做错的.

第1题

第2题

第3题

第4题

第5题

第6题

第7题

第8题

第9题

第10题

第11题

第12题

第13题

第14题

第15题

第16题

第17题

第18题

第19题

第20题

第21题

第22题

第23题

第24题

第25题

第26题

第27题

第28题

第29题

第30题

第31题

第32题

第33题

第34题

第35题

第36题

第37题

第38题

第39题

第40题

第41题

第42题

第43题

第44题

总结

发表评论 取消回复

Add 浆糊之家 to your Homescreen!

发表评论取消回复