最新今日头条面试题目(js闭包、原型、继承、作用域)(2016)

第一题：

已知如下类Animal，要求设计一个Cat类继承自Animal，并实现如下功能：

Animal:
function Animal(){
this.name = "Animal";
this.showName = function(){
console.log(this.name);
}
}

Cat:

function Cat(){

this.name = "Cat";

this.showName1 = function(){
console.log(this.name);
}

this.showName2 = function(){
console.log(this.name);
}

this.showName3 = function(){
console.log(this.__super.name + "=>" + this.name);
}
}

代码运行：

// 请完善Cat部分相关代码，得到如下结果：

……..

var cat = new Cat();
console.log(cat instanceof Animal ); // 得到：true
cat.showName1();     // 得到："Cat" (需要读到Cat中的name属性)
cat.showName2();    //  得到：”Animal" (需要读到Animal中的name属性)
cat.showName3();    //得到：”Animal" => "Cat" (需要同时读到Cat中的name和Animal中的name)

答案解析：

function Animal() {
this.name = "Animal";
this.showName = function() {
console.log(this.name);
};
}

function Cat() {

this.name = "Cat";
this._super = Cat.prototype;

this.showName1 = function() {
console.log(this.name);
};

this.showName2 = function() {
console.log(this.name);
};

this.showName3 = function() {
console.log(this._super.name + "=>" + this.name);
};
}
Cat.prototype = new Animal();
var cat = new Cat();
console.log(cat instanceof Animal); //true
cat.showName1(); //"Cat"
cat.showName2.call(Cat.prototype); //"Animal"
cat.showName3(); //"Animal" => "Cat"
第二题：

已知道如下数组：

var arr = [[1,2,2],[3, 4, 5, 5],[6, 7, 8, 9,[11,12,[12,13,[14]]]],10];

编写一个程序将数组扁平化去并除其中重复部分数据，最终得到一个升序且不重复的数组：

var res= [1,2,3,4,5,6,7,8,9,10,11,12,13,14]

答案与解析：

/**
* 解析数组，然后去重，排序
* @type Array
*/

<strong>//解析数组</strong>
var arr = [[1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14]]]], 10];
var newArray = [];
function getArray(array) {
array.forEach(function(e) {
if (typeof e === "object") {
getArray(e);
} else {
newArray.push(e);
}
});
}
getArray(arr);

<strong>//去重</strong>
Array.prototype.distinct = function() {
return this.reduce(function(newArray1, newValue) {
if (newArray1.indexOf(newValue) === -1)
newArray1.push(newValue);
return newArray1;
}, []);
};
newArray = newArray.distinct();
<strong>//排序</strong>
newArray.sort(function(a, b) {
return a - b;
});
console.log(newArray);

第三题：

如下题目存在哪些问题（改错）？

var obj = {
name: " jsCoder",
skill: ["css3","html5", "es6", "react", "angular"],
say: function () {
for(var i = 0, len = this.skill.length; i< len; i++){
setTimeout(function(){
console.log("No." + i + this.name);
console.log(this.skill[i]);
console.log('--------------------------');
},100);
}
}
}
obj.say();

如何得到结果，能想到几种方法：

<span style="font-size:18px;">No.1 jsCoder
css3
--------------------------
No.2 jsCoder
html5
--------------------------
No.3 jsCoder
es6
--------------------------
No.4 jsCoder
react
--------------------------
No.5 jsCoder
angular
-------------------------- </span>

答案与解析：

<span style="font-size:18px;">/**
* 考察this指向、闭包
*
*/
var obj = {
name: " jsCoder",
skill: ["css3", "html5", "es6", "react", "angular"],
say: function() {
for (var i = 0, len = this.skill.length; i < len; i++) {
(function() {
var temp = i;
setTimeout(function() {
console.log("No." + temp + obj.name);
console.log(obj.skill[temp]);
console.log('--------------------------');
}, 100);
})();
}
}
};
obj.say();</span>