前端试题

Posted 2021-02-14 jiaqi1719

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端试题相关的知识，希望对你有一定的参考价值。

1. 请写出下列代码段的输出结果

1)alert(-1? true: false) // true

2)alert("" ? true: false) // false

3)alert(0 ? true: false) // false

2. MVC, MVP, MVVM 区别

参考链接（阮一峰）：http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html

3.如何获取浏览器URL中查询字符串中的参数？

详见location对象

location.href, location.search

4.写出使用this的典型应用

1）在html元素事件属性中使用

2）构造函数

function Animal(name, color) {
　　this.name = name;
　　this.color = color;
}
3）input点击，获取值

<input type="button" id="text" value="点击一下" />
<script type="text/javascript">
var btn = document.getElementById("text");
btn.onclick = function() {
alert(this.value); //此处的this是按钮元素
}
</script>
4）

apply()/call()求数组最值

var numbers = [5, 458 , 120 , -215 ];
var maxInNumbers = Math.max.apply(this, numbers);
console.log(maxInNumbers); // 458
var maxInNumbers = Math.max.call(this,5, 458 , 120 , -215);
console.log(maxInNumbers); // 458
5. call ,apply, bind 理解

call、apply、bind的作用是改变函数运行时this的指向

getName.call(obj, ‘Dot‘, ‘Dolby‘) 我的理解是 getName方法被obj调用；

call 方法第一个参数是要绑定给this的值，后面传入的是一个参数列表。当第一个参数为null、undefined的时候，默认指向window。

var arr = [1, 2, 3, 89, 46]
var max = Math.max.call(null, arr[0], arr[1], arr[2], arr[3], arr[4])//89

var obj = {
    message: ‘My name is: ‘
}

function getName(firstName, lastName) {
    console.log(this.message + firstName + ‘ ‘ + lastName)
}

getName.call(obj, ‘Dot‘, ‘Dolby‘)

apply接受两个参数，第一个参数是要绑定给this的值，第二个参数是一个参数数组。当第一个参数为null、undefined的时候，默认指向window。

var arr = [1,2,3,89,46]
var max = Math.max.apply(null,arr)//89

var obj = {
    message: ‘My name is: ‘
}

function getName(firstName, lastName) {
    console.log(this.message + firstName + ‘ ‘ + lastName)
}

getName.apply(obj, [‘Dot‘, ‘Dolby‘])// My name is: Dot Dolby

bind返回对应函数, 便于稍后调用； apply, call则是立即调用。

在 ES6 的箭头函数下, call 和 apply 将失效;

6. 箭头函数内部this：

箭头函数内部的this是词法作用域，由上下文确定。

如果使用箭头函数，以前的那种hack写法就不需要了：