亚信前端实习笔试题

下面 CSS3 新增伪类中不正确的一个是？

A.p:first-of-type
B.p:only-of-child
C.p:nth-child(2)
D:disabled

only-child 匹配任何没有任何兄弟元素的元素

关于Vue组件间通信说法错误的是（ ）

A.Vuex可以实现任何关系的组件间的通信
B.如果子组件修改，通过props获取的父组件传过去的字符串或数字会报错
C.子组件可以通过$emit给父组件传值
D.可以通过context进行组件间传值

context是用在react中进行组件间的传值，vue并不提供该方法，Vue组件间传值可以通过props，$emit,Vuex,事件总线。通过props获取父组件的基本数据类型的值，在修改时会报错

以下程序执行后返回的结果是：( )

var p1 = {
  name:'小明',
  age:'12',
  action:function(where,doing){
   console.log(this.age + '岁的'+this.name + '在' + where + doing);
  }  
}
var p2 = {
  name:'小红',
  age:'15'
}
console.log(p1.action.call(p2,'操场上','运动'))

A.12岁的小明在undefined undefined
B.12岁的小明在操场上运动
C.15岁的小红在undefined undefined
D.15岁的小红在操场上运动

D.call 改变了action 中的 this 指向 ， 此时this指向 p2

在图的广度优先搜索遍历算法中，使用的辅助数据结构是
广度用队列，深度用栈

eval的功能就是讲一串字符串转化为JS代码并执行，返回一个或多个值，如果eval中的参数不是字符串，那么函数返回的就是这个参数，而且整个过程非常消耗性能，不推荐使用

假设document是HTML文档中的一个节点，点击该节点后会发生什么？

function test() {
  this.flag = false;
  this.change = () => {
    this.flag = true;
    console.log(button.flag);
  };
}
const button = new test();
document.addEventListener("click", button.change);

A.输出true
B.输出false
C.输出undefined
D.报错

解析
首先需要明白addEventListener的回调函数的函数上下文为触发事件的元素的引用，如无意外则change方法改变的flag是节点上的flag，和button无关，但是由于change是箭头函数，this与构造函数绑定在一起了，所以改变的flag是button的flag。