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 还是指向实例,调用结果也还是新对象;

你可能感兴趣的:(js,javascript,前端,开发语言)