js函数或者对象方法调用

发布日期:2025-09-14 08:50:05 分类:bet28365365官网 浏览:6400

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

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