前端web开发,带你了解函数调用的方法，你知道多少？

调用 JavaScript 函数

函数中的代码在函数被调用后执行。

作为一个函数调用

在这里我还是要推荐下我自己建的web前端开发学习群：731669587，群里都是学web前端开发的，如果你正在学习前端 ，小编欢迎你加入，今天分享的这个案例已经上传到群文件，大家都是软件开发党，不定期分享干货（只有前端软件开发相关的），包括我自己整理的一份2018最新的前端进阶资料和高级开发教程，欢迎进阶中和进想深入前端的小伙伴。

实例

function myFunction(a, b) { return a * b;}myFunction(10, 2); // myFunction(10, 2) 返回 20

以上函数不属于任何对象。但是在 JavaScript 中它始终是默认的全局对象。

在 HTML 中默认的全局对象是 HTML 页面本身，所以函数是属于 HTML 页面。

在浏览器中的页面对象是浏览器窗口(window 对象)。以上函数会自动变为 window 对象的函数。

myFunction() 和 window.myFunction() 是一样的：

实例

function myFunction(a, b) { return a * b;}window.myFunction(10, 2); // window.myFunction(10, 2) 返回 20

函数作为方法调用

在 JavaScript 中你可以将函数定义为对象的方法。

以下实例创建了一个对象 (myObject), 对象有两个属性 (firstName和lastName), 及一个方法 (fullName):

实例

var myObject = { firstName:"John", lastName: "Doe", fullName: function () { return this.firstName " " this.lastName; }}myObject.fullName(); // 返回 "John Doe"

作为函数方法调用函数

在 JavaScript 中, 函数是对象。JavaScript 函数有它的属性和方法。

call()和apply()是预定义的函数方法。 两个方法可用于调用函数，两个方法的第一个参数必须是对象本身。

实例

function myFunction(a, b) { return a * b;}myObject = myFunction.call(myObject, 10, 2); // 返回 20