一、函数调用
Function绝对是JavaScript中的重中之重。在JavaScript中,Function承担了procedures,methods,constructors甚至是classes以及modules的功能。在面向对象程序设计中,functions,methods以及class constructor往往是三件不同的事情,由不同的语法来实现。但是在JavaScript中,这三个概念都由function来实现,通过三种不同的模式。
最简单的使用模式就是function 调用:
二、方法的调用
而methods这一概念在JavaScript中的表现就是,一个对象的属性是一个function:同样的是函数,将其赋值给一个对象的成员以后,就不一样了。将函数赋值给对象的成员后,那么这个就不在称为函数,而应该叫做方法。
真正的行为是,调用本身才会决定this会绑定到哪个对象,即: obj1.hello()会将this绑定到obj1,obj2.hello()则会将this绑定到obj2。记住一句话,谁调用,this就指向谁
正因为this绑定的这种规则,在下面的用法也是可行的:
hello: hello,username: "Gordon Gekko"
};
obj1.hello(); // "hello,Gordon Gekko"
var obj2 = {
hello: hello,username: "Biff Tannen"
};_
obj2.hello(); // "hello,Biff Tannen"
但是,在一个普通的函数中,如上面的hello函数,使用this关键字是不太好的方式,当它被直接调用的时候,this的指向就成了问题。在这种情况下,this往往被指向全局对象(GlobalObject),在浏览器上一般就是window对象。 而这种行为是不确定和没有意义的。
所以在ES5标准中,如果使用了strict mode,那么this会被设置为undefined:
以上这种做法是为了让潜在的错误更快的暴露出来,避免了误操作和难以找到的bug。 区别普通函数调用和方法调用,直接看这个例子就明确了。
这里的运行结果是,两个函数是相同的,因此打印结果是 true。但是由于两个函数的调用是不一样的,func 的调用,打印的是 [object Window],而o.fn 的打印结果是 [object Object]。
这里便是函数调用与方法调用的区别,函数调用中,this 专指全局对象 window,而在方法中 this 专指当前对象,即 o.fn 中的 this 指的就是对象o。
三、构造函数的调用
function的第三种使用模式就是讲它作为constructor:
构造器中的this
我们需要分析创建对象的过程,方能知道this的意义. 如下面代码:
这里首先定义了函数Person,下面分析一下整个执行:
- 程序在执行到这一句的时候,不会执行函数体,因此 JavaScript的解释器并不知道这个函数的内容.
- 接下来执行new关键字,创建对象,解释器开辟内存,得到对象的引用,将新对象的引用交给函数.
- 紧接着执行函数,将传过来的对象引用交给this. 也就是说,在构造方法中,this就是刚刚被new创建出来的对象.
- 然后为this 添加成员,也就是为对象添加成员.
- 最后函数结束,返回this,将this交给左边的变量.
分析过构造函数的执行以后,可以得到,构造函数中的this就是当前对象.
构造器中的return
在构造函数中return的意义发生了变化,首先如果在构造函数中,如果返回的是一个对象,那么就保留原意. 如果返回的是非对象,比如数字、布尔和字符串,那么就返回this,如果没有return语句,那么也返回this. 看下面代码:
<div class="jb51code">
<pre class="brush:js;">
// 返回一个对象的 return
var ctr = function() {
this.name = "赵晓虎";
return {
name:"牛亮亮"
};
};
// 创建对象
var p = new ctr();
// 访问name属性
alert(p.name);
//执行代码,这里打印的结果是"牛亮亮". 因为构造方法中返回的是一个对象,那么保留return的意义,返回内容为return后面的对象. 再看下面代码:
// 定义返回非对象数据的构造器
var ctr = function() {
this.name = "赵晓虎";
return "牛亮亮";
};
// 创建对象
var p = new ctr();
// 使用
alert(p);
alert(p.name);