lovecoding
/
web0715


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
							<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script>
    //1、写出下列输出结果
    var x = 10;
    function test(){
  　  this.x = 20
  　　console.log(this.x)
    }
    test()  


    //2、写出下列输出结果
    var name= "window"
    var obj = {
      name:"obj",
      func1 : function() {
        console.log(this.name);
        (function(){
          console.log(this.name)
        })()
      }
    }
    obj.func1()


    //3、写出下列结果
    var name="the window";

    var object={
        name:"My Object", 
        getName:function(){ 
          return this.name;
      } 
    }

    console.log(object.getName());   
    console.log((object.getName)());   
    console.log((object.getName=object.getName)());

    //4、下列代码中当div的点击事件触发时输出的结果是？
    document.getElementById("div").onclick = function(){
      console.log(this)
    };


    //5、请写出下列代码运行结果
    var name = "window"
    var obj = {
      name:"obj"
    }
    window.setInterval(function(){
      console.log(this.name)
    }, 300)
    window.setInterval(function(){
      console.log(this.name)
    }.call(obj),300)

    //6、请补全下列代码
    function foo(){
      //补全此处代码实现每隔一秒输出 hello world
    }
    window.setInterval(foo(),1000);


    // 7、补全下列代码实现 1+2+3+4
    function add(c, d) {
      return this.a + this.b + c + d;
    }

    /*
      在此补全代码 以两种以上方法实现
    */
    

    //8、写出下列输出结果
    function f(){
      return this.a;
    }

    var g = f.bind({a:"azerty"});
    console.log(g()); 

    var h = g.bind({a:'yoo'}); 
    console.log(h());

    var o = {a:'loveCoding', f:f, g:g, h:h};
    console.log(o.f(), o.g(), o.h());


    //9、补全下列代码
    var o = {prop: 'loveCoding'};

    function independent() {
      return this.prop;
    }
    //在此补全代码
    console.log(o.f()); //  loveCoding

    //10、用call 或 apply 实现bind 方法
    function foo(){
      console.log(this.a)
    } 
    var obj = {
      a:"hello"
    } 


    var foo2 = foo.bind2(obj);
    foo2()//hello
  </script>
</body>
</html>