今日刷题-注意let

题目1

下列不属于document对象方法的是？(多选)
A: onload
B: querySelectorAll
C: children
D: ajax

答案
- A,C,D
解析
- A: onload 属性是一个事件处理程序用于处理Window, XMLHttpRequest, <img> 等元素的加载事件，当资源已加载时被触发。
  比如window.onload = function ( ) { }
  可以参考
- B: document.querySelectorAll(“选择器”)
- C: parentNode.children 是属性,用于DOM节点查询子元素
  - childNodes 属性返回所有的节点，包括文本节点、注释节点
  - children 属性只返回元素节点
- D: AJAX不是JavaScript的规范，它只是一个缩写：Asynchronous JavaScript and XML，意思就是用JavaScript执行异步网络请求。在现代浏览器中主要依靠 XmlHttpRequest 对象

题目2

//请问以下JS代码的输出是什么？
let A = function() {}
A.prototype.a = 1;
let B = new A();
A.prototype = {
  b: 2,
  c: 3
}
let C = new A();
A.prototype.d = 4;
console.log(B.a);
console.log(B.b);
console.log(C.c);
console.log(C.d);

答案
- 1 undefined 3 4

解析

let A = function() {}
A.prototype.a = 1; 
//此时 A.prototype = { a: 1 }


let B = new A(); //此时 B = {}
//在创建B时，已将B._proto_ = A.prototype = { a: 1 }
//即使后面A.prototype重新赋值，将A.prototype开辟了新的空间指向别的对象
//B._proto_并没有改，还是指向{a:1}这个对象


A.prototype = { //此时 A.prototype = { b: 2, c: 3 }
  b: 2,
  c: 3
}
let C = new A(); //C = {}
A.prototype.d = 4;//此时A.prototype = { b: 2, c: 3, d: 4 }

console.log(B.a); //1
console.log(B.b); //undefined
console.log(C.c); //3
console.log(C.d); //4

//C.d
//着重区分： A.prototype.d = 4 和 A.prototype 重新赋值 不是一个概念 
//A.prototype重新赋值时，A.prototype已经指向另一个对象了   
//A.prototype.d = 4时，访问的还是同一个A.prototype 对象

题目3

//执行以下代码，下列选项中，说法正确的是（）
function * gen() {
    yield 1;
    yield 2;
    yield 3;
}
A: gen()执行后返回2
B: gen()执行后返回undefined
C: gen()执行后返回一个Generator对象
D: gen()执行后返回1

答案
- C
解析
- 在函数声明时，由于带有星号，所以gen函数是一个生成器函数，调用生成器函数会返回生成器（Generator）对象，C选项正确。

题目4

在 es6 中，下面程序运行结果输出，选项结果正确的是
for(let i=0;i<12;i++){} console.log(i);
const a = 12;a=13;
console.log(a);
const g = {b:3};
console.log(g.b);
g.b=12;console.log(g.b);
let [head,...tail] = [1,2,3,4];
conole.log(tail);

答案
- i not defined,TypeError,3,12,[2,3,4]
解析
- let 与var不同，存在块级作用域，在for循环中声明，循环之外销毁所以 i not defined (for当中也是一个块级作用域,没想到)
- const 声明一个常量无法更改，所以TypeError(这里是分号,不是逗号!!),但是const声明一个对象是可以改对象里面的属性的