JS函数的定义与调用方法

1.方法调用模式：
先定义一个对象，然后在对象的属性中定义方法，通过myobject.property来执行方法，this即指当前的myobject 
对象。
var blogInfo={
　　blogId:123,
　　blogName:"werwr",
　　showBlog:function(){alert(this.blogId);}
};

blogInfo.showBlog();

2.函数调用模式
定义一个函数，设置一个变量名保存函数，这时this指向到window对象。

var myfunc = function(a,b){
　　return a+b;
}

alert(myfunc(3,4));

3.构造器调用模式
定义一个函数对象，在对象中定义属性，在其原型对象中定义方法。在使用prototype的方法时，必须实例化该对象才能调用其方法。
var myfunc = function(a){
　　this.a = a;
};
myfunc.prototype = {
　　show:function(){alert(this.a);}
}

var newfunc = new myfunc("123123123");
newfunc.show();

4.apply,call调用模式
var myobject={};
var sum = function(a,b){
　　return a+b;
};
var sum2 = sum.call(myobject,10,30); //var sum2 = sum.apply(myobject,[10,30]); 
alert(sum2);

JS中有时常用到 apply 和 call 两个方法，搜索网上很多，整理如下，简单看看这两个联系和区别，

联系:

网上查到关于apply和call的定义：这两个方法都能劫持另外一个对象的方法，继承另外一个对象的属性.

xxxFunction.apply(obj,args) 方法接收两个参数
obj:这个对象将代替xxxFunction类里this对象,也即xxxFunction类(函数)里的this不在是指 xxxFunction 本身，而是obj；
args:这个是数组类型的参数，它将作为参数传给Function（args --> arguments）
结果是还是执行 xxxFunction 类方法（函数）的功能，只不过该 xxxFunction 函数以另一个目标对象和一个数组作为参数传递进 xxxFunction 函数，xxxFunction函数里面的 this 是传进的目标对象，二不是 xxxFunction 本身；

call:和apply类似的,只不过是参数列表不一样.

xxxFunction.call(obj,[param1[,param2[,...[,paramN]]]])
obj：这个对象将代替xxxFunction类里this对象,(跟apply中的obj一样)；
params：这个是一个参数列表(即逗号隔开的零个或多个参数)，不是数组；
结果是还是执行 xxxFunction 类方法（函数）的功能，只不过该 xxxFunction 函数以另一个目标对象和一个参数列表[即用逗号隔开的零或多个参数]作为参数传递进 xxxFunction 函数，xxxFunction函数里面的 this 是传进的目标对象，二不是 xxxFunction 本身；

区别：
用法上不同，主要是参数不完全同

举例：

[javascript] view plain copy

 

1. function Person(name,age) {    
2. this.name=name;    
3. this.age=age;    
4. this.money = 500;  
5. }   
6.   
7. function myFun(money) {       
8.     alert(this.money);  
9. }  
10.   
11. var money = 100;  
12. myFun(money);   
13. //return 100;  //window.myFun(money); save to myFun(money);  
14. //这个时候this指向的是window对象，其实myFun函数和定义的var money = 100;都作为window对象子对象（即全局对象）  
15.   
16. myFun.apply(window,[]);  //save to window.myFun.apply(window,[]);    
17. //return 100;  //同上  
18.   
19. myFun.apply(new Person('zhangsan',23),[]);    
20. //return 500, 空数组作为参数，仅符合语法要求  
21. //这个时候myFun方法里面的this指向的是new Person('zhangsan',23)对象，二不是myFun类(函数)，故弹出500  
22.   
23. myFun.call(new Person('zhangsan',23),money,300,'mycardId');    
24. //return 500, 后面money,300和mycardId是参数列表作为参数，一一列出  
25. //这个时候myFun方法里面的this指向的是new Person('zhangsan',23)对象，二不是myFun类(函数)，故弹出500