如何调用JS函数
这篇文章主要介绍了如何调用JS函数的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇如何调用JS函数文章都会有所收获,下面我们一起来看看吧。
五家渠网站制作公司哪家好,找创新互联公司!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。创新互联公司从2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。
方法重用
使用该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函数”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。
本文名称:如何调用JS函数
当前路径:http://pwwzsj.com/article/ihjeih.html