js函数或者对象方法调用

函数或者对象中的方法调用主要有以下几种

1.Object.func()

这种调用即函数是运行在对象上的，this绑定在对象上

const obj = {  
  x: 42,  
  getX: function() {  
    return this.x;  
  }  
};  
  
console.log(obj.getX()); // 输出: 42  

注意：如果将方法赋值给变量，再调用变量执行，则this变为新变量的执行环境

const module = {
x: 42,
getX: function () {
return this.x;
},
};

const unboundGetX = module.getX;
console.log(unboundGetX()); // The function gets invoked at the global scope
// Expected output: undefined

2.显示绑定

call()、apply()、bind() 方法把对象绑定到 this 上，叫做显式绑定。
call、apply、bind三者的第一个参数都是this要指向的对象，
bind 只是返回函数，还未调用，所以如果要执行还得在后面加个（）；
call、apply 是立即执行函数，区别在于参数的形式
call和bind参数都是逗号隔开，apply是数组参数

const obj = {  
  x: 42,  
  getX: function() {  
    return this.x;  
  }  
};  
  
const boundGetX = obj.getX.bind(obj);  
console.log(boundGetX()); // 输出: 42  

const obj = {  
  x: 42,  
};  
  
function getX(a,b) {  
  return this.x+a+b;  
}  
  
const result = getX.apply(obj，[1,2]);  
console.log(result); // 输出: 45

const obj = {  
  x: 42,  
};  
  
function getX(a,b) {  
  return this.x+a+b;  
}  
  
const result = getX.call(obj,1,2);  
console.log(result); // 输出: 45

3.构造函数

一般来说，构造函数是没有返回值的，调用构造函数的时候会生成一个空对象，作为将要返回的对象实例；然后将空对象的原型 proto 指向构造函数的 prototype 属性；将构造函数内部的this关键字指向空对象；执行构造函数内部的代码（这里应该也能猜到怎么执行的了，应该是显示绑定到新对象上了）；涉及到原型链后续再了解

var Person = function (user,age) {
     this.user = user;
      this.age = age; 
};
var shane = new Person ('li',21);

当构造函数有返回值

• return 返回的不是一个对象，this 还是指向实例（新对象），调用结果也还是新对象；
• return 返回的是一个对象，this 就指向这个返回的对象，调用结果就是这个返回的对象；
• return 返回的是 null，this 还是指向实例，调用结果也还是新对象；