javascript练习题

1.假设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);

解析：这里的this是指window，因为函数里面有this.flag=true结果才是true，不然会显示undefined

2.执行以下程序，下列选项中，说法错误的是（）

 function fn(value){
            console.log(arguments instanceof Array); ...①

            console.log(arguments.length);...②

            console.log(value);...③

            var arr = [...arguments];...④

}

fn(1,2,3); 

①式的输出结果为false

②式输出结果为2

③式的输出结果为1

④式可以利用arguments对象新生成一个数组

解析：arguments：内置对象length，可以被遍历无pop() push()等数组方法 ，arguments是伪数组，不是数组，可以结合...arr扩展字符串生成数组，是object

3.

运行以下程序

<script> 

    var m= 1, j = k = 0; 

    function add(n) { 

        return n = n+1; 

　 } 

    y = add(m); 

    function add(n) { 

        return n = n + 3; 

    } 

z = add(m); 

</script> 

y和z的最终结果为:

2,4
4,4
2,2
报异常
解析：👇

在Function类型里，函数是对象，函数名是指向函数对象的指针， 没有重载 ！
当声明了多个同名函数时， 后面的函数会覆盖前面的函数 ，所以在题目中，事实上只有后面的add(n)起了作用，因此，两个结果都为4。
补充一点：个人感觉这里有一点 函数声明和函数表达式 的区别需要特别注意！解析器在向执行环境中加载数据时，会率先读取函数声明，并使其在执行任何代码之前可用。也就是先读取function函数的声明，再读取函数表达式y = add(m);语句 和 z = add(m);语句， 所以 y = add(m);语句虽然在函数声明之前，但依然应用了函数。
5.

执行以下程序，输出结果为（）

class Phone{

  constructor(price){

    this.price = price;

  }

  get price(){

    return 999;

  }

}

var p = new Phone(888);

console.log(p.price)

999
undefined
抛出异常
888
解析：这个类只设置了get方法，没有设置set方法，那么默认price属性是只读的，那就不能在constructor里再设置 this.price = price。解决办法1.去掉this.price=price或者设置set方法。