以上函数不属于任何对象。但是在 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"

尝试一下 »

fullName 方法是一个函数。函数属于对象。 myObject 是函数的所有者。

this 对象,拥有 JavaScript 代码。实例中 this 的值为 myObject 对象。

测试以下!修改 fullName 方法并返回 this 值:

var myObject = { firstName : " John " , lastName : " Doe " , fullName : function ( ) { return this ; myObject . fullName ( ) ; // 返回 [object Object] (所有者对象)

尝试一下 » // This creates a new object var x = new myFunction ( " John " , " Doe " ) ; x . firstName ; // 返回 "John"

尝试一下 »

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

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

function myFunction ( a , b ) { return a * b ; myObject = myFunction . call ( myObject , 10 , 2 ) ; // 返回 20
尝试一下 »
function myFunction ( a , b ) { return a * b ; myArray = [ 10 , 2 ] ; myObject = myFunction . apply ( myObject , myArray ) ; // 返回 20
尝试一下 » 两个方法都使用了对象本身作为第一个参数。 两者的区别在于第二个参数: apply传入的是一个参数数组,也就是将多个参数组合成为一个数组传入,而call则作为call的参数传入(从第二个参数开始)。 在 JavaScript 严格模式(strict mode)下, 在调用函数时第一个参数会成为 this 的值, 即使该参数不是一个对象。

在 JavaScript 非严格模式(non-strict mode)下, 如果第一个参数的值是 null 或 undefined, 它将使用全局对象替代。

  • #0
  •