关于JS的一些面试题

一、填空简答

1、console.log 怎么打印有颜色的字体?

2、“15”+5 的结果是?“15”-5 的结果是?

3、1 + - + + + - + 1 结果是?

4、(function() { var x = y = 1;})(); console.log(x); //结果是?console.log(y);//结果是?

5、var arr1 = [1,2],arr2=[1,2],arr3 = arr1;

1)、arr1 === arr2; arr1 === arr3 结果是?

2)、[][]; [1,2][1,2] 结果是?

6、请问 (function(i){ return i || “Tuesday” },“Monday”) 的结果是什么?

7、typeof(null) 结果是什么?void(0) 的结果?null instanceof Object 的结果?

8、假设数组 company 中存放多个人员的信息,每个人员信息由 名字 name 和年龄 age组成,如{name:“Marc”,age:18},用JS按从年龄小到大排序

9、执行下面的函数,会输出什么?
function Fx(){
this.a = 1;
this.b = 2;
}
Fx.prototype.getInfo = function(){
console.log(this.a);
}
const fx = new Fx();

const obj = {
a:3,
getInfo: fx.getInfo
}

fx.getInfo();
obj.getInfo();
10、有数组 var arr= [1,2,3],哪些方法可以判断是 Array 类型?

11、var a = b = c = d = 1; 那么 console.log(++a,–b,c++,d–) 分别是多少?

12、var n = "hello "; n.name = “world”; 那么 console.log(n + n.name) 会输出什么?

13、var min = Math.min(); var max = Math.max();那么 console.log(min < max) 结果是?

14、执行下面的函数,会输出什么?
var n = 1;
function Fn(){
console.log(n);
var n = 2;
console.log(this.n);
console.log(n);
this.n = 3;
}

var f1 = Fn();
var f2 = new Fn();
15、执行下面的代码,会输出什么?
var ary = Array(3);
ary[0] = 2;
var ret = ary.map(function(elem) {
return “1”;
});
console.log(ret);
16、匿名函数和箭头函数有什么不同?

二、问答

1、setTimeout 和 setInterval()

2、说说 JS 的原型链,有什么特点?

3、什么是柯理化?写一个

4、什么是 https? https 一定安全吗?如何解决?

5、描述 webpack 打包的优化原理。

6、Localstorage、cookies、sessionStorage 区别

三、ES6

1、[1,2,3].fill(4)的结果是?

2、for…of 和 for…in 区别?

3、下列数组中找出 age =19 的元素,用 ES6 的 api:
let company = [ {name:“a”,age:38}, {name:“b”,age:24}, {name:“c”,age:69}, {name:“d”,age:19} ]
4、 有数组:var arr = [1, 2, 3, 4, 4]; 有哪些方法可以去除重复项,用 ES6 的 api:

5、
function demo(i,…j){
console.log(this.i,i,j.join(","));
};
1)、demo(“a”,“b”,“c”,“d”) ; console.log输出什么?

2)、demo.call({i:1},“e”) ; console.log输出什么?

6、以下代码,怎么做到依次输出0到9?
var arr = [];
for (var i = 0; i < 10; i++) {
arr.push(function() { console.log(i) })
}
arr.forEach(function(fn) {
fn()
})

答案:
一、填空
1、
console.log("%c颜色字体",“color:red”);
可 F12 参考百度首页

2、“155”,10
运算符要求两个操作数都是数字,如果不是,会强制转换成数字,所以结果就变成了:15 - 5 = 10

3、2

4、x is not defined,1

5、1). false,true 2).false,false

6、“Monday”

7、“object”,undefined,false

8、company.sort((a,b)=>a.age-b.age); console.log(company);

9、1,3

10、五种方法:

1)、arr instanceof Array;

2)、arr.constructor === Array

3)、Array.prototype.isPrototypeOf(arr)

4)、Array.isArray(arr)

5)、{}.toString.call(arr)="[object Array]" //等同:Object.prototype.toString.call(arr)="[object Array]"

11、2 0 1 1

12、hello undefined

13、false //实际 min>max,因为:
Math.min: 如果没有参数,结果为Infinity
Math.max:如果没有参数,结果为-Infinity。

14、undefined,1,2
undefined,undefined,2
考察全局/局部变量、变量提升、this 指向等

15、[“1”, empty × 2]

16、相比较匿名函数,箭头函数:
1).函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象
2).不可以当作构造函数,也就是说,不可以使用new命令,否则会报错
3).不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用 rest 参数代替

二、问答
1~5:待更新、、、
6、cookies是为了标识用户身份而存储在用户本地终端上的数据,始终在同源http请求中携带,即cookies在浏览器和服务器间来回传递,而sessionstorage和localstorage不会自动把数据发给服务器,仅在本地保存。

存储大小的限制不同。cookie保存的数据很小,不能超过4k,而sessionstorage和localstorage保存的数据大,可达到5M。

数据的有效期不同。cookie在设置的cookie过期时间之前一直有效,即使窗口或者浏览器关闭。sessionstorage仅在浏览器窗口关闭之前有效。localstorage始终有效,窗口和浏览器关闭也一直保存,用作长久数据保存。

作用域不同。cookie在所有的同源窗口都是共享;sessionstorage不在不同的浏览器共享,即使同一页面;localstorage在所有同源窗口都是共享

三、ES6

1、[4, 4, 4]

2、for in是ES5标准,遍历key;for of是ES6标准,遍历value。

3、for (let i of company){ i.age === 19 && console.log(i)

4、

1)、Set
const set = new Set([1, 2, 3, 4, 4]);
console.log([…set]);
2)、Map
var arr = [1, 2, 3, 4, 4];
function unique (arr) {
const map = new Map();
return arr.filter((a) => !map.has(a) && map.set(a, 1));
}
console.log(unique(arr));
5、这一题考察的比较全面: this 指向,变量,call,类型转换,ES6 的扩展运算符号

结果:1). undefined “a” “b,c,d” 2). 1 “e” “”

6、

1). 闭包
var arr = [];
for (var i = 0; i < 10; i++) {
arr.push((function(val){
return function(){
console.log(val);
}
})(i))
}
arr.forEach(function(fn) {
fn()
})
2). ES6 let

猜你喜欢

转载自blog.csdn.net/q3254421/article/details/82788480