apply的应用和匿名函数的封装应用

JS中的call()和apply()方法

博客分类：

• JS

1、方法定义

call方法: 
语法：call([thisObj[,arg1[,
arg2[,   [,.argN]]]]]) 
定义：调用一个对象的一个方法，以另一个对象替换当前对象。 
说明： 
call 方法可以用来代替另一个对象调用一个方法。call
方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 
如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。

apply方法： 
语法：apply([thisObj[,argArray]]) 
定义：应用某一对象的一个方法，用另一个对象替换当前对象。 
说明： 
如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。 
如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj， 并且无法被传递任何参数。

2、常用实例

a、

Java代码  

1. function add(a,b)
2. {
3. alert(a+b);
4. }
5. function sub(a,b)
6. {
7. alert(a-b);
8. }

10. add.call(sub,3,1);

这个例子中的意思就是用 sub作为当前对象引用add方法，所以运行结果为：alert(4); // 注意：js 中的函数其实是对象，函数名是对 Function 对象的引用。

b、

Java代码  

1. function Animal(){
2. this.name = "Animal";
3. this.showName = function(){
4. alert(this.name);
5. }
6. }
7. function Cat(){
8. this.name = "Cat";

10. }

1. 11.

12. var animal = new Animal();

13. var cat = new Cat();

1. 14.

15. //通过call或apply方法，将原本属于Animal对象的showName()方法交给对象cat来使用了。

16. //输入结果为"Cat"

17. animal.showName.call(cat,",");

18. //animal.showName.apply(cat,[]);

call 的意思是把
animal 的方法放到cat上执行，原来cat是没有showName() 方法，现在是把animal
的showName()方法放到 cat上来执行，所以this.name 应该是
Cat

c、实现继承

Java代码  

1. function Animal(name){
2. this.name = name;
3. this.showName = function(){
4. alert(this.name);
5. }
6. }
7. function Cat(name){
8. Animal.call(this, name);

10. }

1. 11.

12. var cat = new Cat("Black Cat");

13. cat.showName();

Animal.call(this) 的意思就是使用 Animal对象代替this对象，那么 Cat中不就有Animal的所有属性和方法了吗，Cat对象就能够直接调用Animal的方法以及属性了.

d、多重继承

Java代码  

1. function Class10()
2. {
3. this.showSub = function(a,b)
4. {
5. alert(a-b);
6. }
7. }
8. function Class11()

10. {

1. 11.     this.showAdd = function(a,b)
2. 12.     {
3. 13.         alert(a+b);
4. 14.     }

15. }

1. 16.

17. function Class2()

18. {

1. 19.     Class10.call(this);
2. 20.     Class11.call(this);

21. }

很简单，使用两个
call 就实现多重继承了
当然，js的继承还有其他方法，例如使用原型链，这个不属于本文的范畴，只是在此说明call 的用法。说了call ，当然还有 apply，这两个方法基本上是一个意思，区别在于 call 的第二个参数可以是任意类型，而apply的第二个参数必须是数组，也可以是arguments
还有 callee，caller..

Javascript匿名函数的一种应用 代码封装

作者： 字体：[增加 减小] 类型：转载 时间：2010-06-27我要评论

说实话，对于js初学者的我来说。这个东西太吓人了，在这些JS库中，这个函数基本上把整个库的所有代码全括起来了，这种写法完全超越了我的常识。

在一些Javascript库中可以看见这种写法：

复制代码 代码如下:

(function(){
//所有库代码代码
})();

说实话，对于js初学者的我来说。这个东西太吓人了，在这些JS库中，这个函数基本上把整个库的所有代码全括起来了，这种写法完全超越了我的常识。难道不应该好好的划分一下吗，难道不应该体现出层次和功能划分吗，怎么会一个函数搞定呢。我一开始完全不敢去细想它的道理。直到使用JS一段时间后，某一天一位同事在闲聊时说起了这个问题，我才知道这个叫匿名函数。匿名函数我并不陌生，C#，Python，Lua中都有这个咚咚。我到网上去查了一下，介绍文章很多，也很详细，但是我心头的疑问却没有得到解决：为什么要这样写。
我找了一款著名的JS开源库JQuery，他的代码就是典型的以上写法，在粗略看了他的代码之后我发现这套代码实在太大了太复杂了，实在不适合我。于是我转而去看另外一个开源js库swfobject，这个库提供了简单的接口把Flash控件嵌入到网页中。这个代码好多了，很短，很快就看完了。看完之后我恍然大悟，原来如此。真理就是如此简单，之所以这样写，只有一个目的：封装。
初学JS的时候，我问过同事，js怎么定义私有函数和变量。当时的得到的答案是：js不是面向对象的，不提供这些功能。我对这个答案也坦然接受了，毕竟严格的封装并不是必要的。现在终于明白了，办法总是有的，在不支持封装的语言里同样可以实现封装。而实现的方法就是匿名函数。来看一段代码：

复制代码 代码如下:

//定义
function F(x)
{
this.x = x;
function double(x){return x*x;}
this.getDoubleX(){
return double(this.x);
}
}

//使用
f = new F(12);
alert(f.getDoubleX());

上面的代码很简单，我没有去运行它。懂点js的都知道这是JS的类定义方式。函数F相当于一个构造函数，而函数里面的其他定义都是函数私有的外部无法访问，例如double函数。这样就变相实现了私有方法。其他打上“this.”前缀的成员相当于公开成员，外部可以访问。
而这些库之所以要用一个大函数包裹整个库代码，就是为了不向使用者暴露内部方法和变量，强制用户只能访问开放的API。从这一点可以开出这些开发者的良苦用心。