webveuje/zuoye/js/thislx.md
2021-05-11 11:33:55 +08:00

2.7 KiB
Raw Blame History

this练习

document.write的题目 需要写出在页面上打印的结果

  1. 下面代码的执行结果是什么 为什么

    var person = {
         firstName: "John",
         lastName : "Doe",
         id     : 5566,
         fullName : function() {
             return this.firstName + " " + this.lastName;
         }
     };
    
     // 显示对象的数据
     document.getElementById("demo").innerHTML = person.fullName();
    
    
  2. 下面代码的执行结果是什么 为什么

    var x = this;
     document.getElementById("demo").innerHTML = x;
    
    
  3. 下面代码的执行结果是什么 为什么

    "use strict";
    var x = this;
     document.getElementById("demo").innerHTML = x;
    
    
  4. 下面代码的执行结果是什么 为什么

    document.getElementById("demo").innerHTML = myFunction();
     function myFunction() {
     return this;
     }
    
    
  5. 下面代码的执行结果是什么 为什么

    "use strict";
    document.getElementById("demo").innerHTML = myFunction();
    function myFunction() {
    return this;
    }
    
    
  6. 下面代码的执行结果是什么 为什么

         <body>
    
         <h2>JavaScript <b>this</b> 关键字</h2>
    
         <button onclick="this.style.display='none'">点我后我就消失了</button>
    
         </body>
    
    
  7. 下面代码执行结果是什么 为什么

  var person = {
      firstName  : "John",
      lastName   : "Doe",
      id     : 5566,
      myFunction : function() {
          return this;
      }
  };

  // 显示表单数据
  document.getElementById("demo").innerHTML = person.myFunction();

  1. 把第7题的对象中的属性和方法挨个打印在页面上
  2. 下面代码的执行结果是什么 为什么
    var person = {
    firstName: "John",
    lastName : "Doe",
    id     : 5566,
    fullName : function() {
        return this.firstName + " " + this.lastName;
    }
    };

    // 显示对象的数据
    document.getElementById("demo").innerHTML = person.fullName();

  1. 下面代码的执行结果是什么 为什么
var person1 = {
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
}
var person2 = {
  firstName:"John",
  lastName: "Doe",
}
person1.fullName.call(person2);

  1. 下面代码的执行结果是什么 为什么
function speak(){
    var name = this.name
    console.log(`Hello I am ${name}`)
}
var me = {
    name: 'a',
    speak: speak
}
var you = {
    name: 'b',
    speak: speak
}
me.speak() 
you.speak() 

  1. 下面代码的执行结果是什么 为什么
function fn(){
    console.log(this.name)
}
fn.name = 'xxx'
fn()