JavaScript 进阶第六章（this与函数的调用模式 ）

function fn(){
  console.log(this); // 指向window 
}
fn();

const obj = {
  sayHi:function(){
    console.log(this); // 在方法调用模式中，this指向调用当前方法的对象。
  }
}
obj.sayHi();

function Person(){
  console.log(this);
}
Person(); // 指向window 
var p = new Person(); // this指向Person

  const RichWumon = {
      name: "海海",
      say: function () {
        console.log(this.name, " 你好呀");
      }
    }
    const obj = {
      name: "小陈"
    }
    RichWumon.say();            // 海海
    RichWumon.say.call(obj);    // 小陈

let divs = document.querySelectorAll('div');
    console.log(divs);
    function change(nodelist) {
        console.log(Object.prototype.toString.call(nodelist));
        return Array.prototype.slice.call(nodelist);
    }

    const RichWumon = {
      name: "海海",
      say: function () {
        console.log(this.name, "你好呀");
      }
    }
    const obj = {
      name: "小陈"
    }
    RichWumon.say();      // 海海
    RichWumon.say.apply(obj); // 小陈

// 简化log方法
    function log() {
        console.log.apply(console, arguments);
    }

var name = '海海';
function Fn(){
    this.age = 18;
    console.log(this.name + this.age);
}
Fn();     // 海海 18
// 返回值：新的函数
// 参数：新函数的this指向，当绑定了新函数的this指向后，无论使用何种调用模式，this都不会改变。
let obj = {
    name:'小陈',
}
const newFn = Fn.bind(obj);
newFn();    // 小陈 18

console.log(this); // window

function show(){
      console.log(this);  // window
    }
    show();

const a = 18;
    const obj = {
      a: 19,
      b: {
        a: 20,
        c: function () {
          console.log(this.a);  // 20
        }
      }
    }
    obj.b.c();

const obj ={
    name:"海海",
    say:function(){
        console.log(this);        // {name:"海海"}
    }
}