温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何调用JS函数

发布时间:2022-09-26 17:40:11 来源:亿速云 阅读:115 作者:iii 栏目:互联网科技

这篇文章主要介绍了如何调用JS函数的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇如何调用JS函数文章都会有所收获,下面我们一起来看看吧。

方法重用

使用该call()方法,您可以编写可用于不同对象的方法。

所有的函数都是方法

JavaScript 中,所有函数都是对象方法。

如果函数不是 JavaScript 对象的方法,则它是全局对象的函数。

下面的示例创建一个具有 3 个属性的对象,firstName、lastName、fullName。

例子:

const myObject = {  firstName:"John",  lastName: "Doe",  fullName: function () {    return this.firstName + " " + this.lastName;
  }
}// This will return "John Doe":myObject.fullName();

在此关键字

在函数定义中,this指的是函数的“所有者”。

在上面的示例中,this是“拥有” fullName函数的person 对象。

换句话说,this.firstName表示这个对象的firstName 属性。

JavaScript call() 方法

该call()方法是一个预定义的 JavaScript 方法。

它可用于调用(调用)以所有者对象作为参数(参数)的方法。

使用call(),一个对象可以使用属于另一个对象的方法。

此示例调用person的fullName方法,在person1上使用它 :

例子:

const person = {  fullName: function() {    return this.firstName + " " + this.lastName;
  }
}const person1 = {  firstName:"John",  lastName: "Doe"}const person2 = {  firstName:"Mary",  lastName: "Doe"}// This will return "John Doe":person.fullName.call(person1);

此示例调用person的fullName方法,在person2上使用它 :

const person = {  fullName: function() {    return this.firstName + " " + this.lastName;
  }
}const person1 = {  firstName:"John",  lastName: "Doe"}const person2 = {  firstName:"Mary",  lastName: "Doe"}// This will return "Mary Doe"person.fullName.call(person2);

带参数的 call() 方法

该call()方法可以接受参数:

例子

const person = {  fullName: function(city, country) {    return this.firstName + " " + this.lastName + "," + city + "," + country;
  }
}const person1 = {  firstName:"John",  lastName: "Doe"}
person.fullName.call(person1, "Oslo", "Norway");

关于“如何调用JS函数”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“如何调用JS函数”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

js
AI