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

博客分类：

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代码

function add(a,b)
{
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}

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

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

b、

Java代码

function Animal(){
this.name = "Animal";
this.showName = function(){
alert(this.name);
}
}
function Cat(){
this.name = "Cat";

10. }

12. var animal = new Animal();

13. var cat = new Cat();

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代码

function Animal(name){
this.name = name;
this.showName = function(){
alert(this.name);
}
}
function Cat(name){
Animal.call(this, name);

10. }

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

13. cat.showName();

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

d、多重继承

Java代码

function Class10()
{
this.showSub = function(a,b)
{
alert(a-b);
}
}
function Class11()

10. {

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

15. }

17. function Class2()

18. {

19. Class10.call(this);
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。从这一点可以开出这些开发者的良苦用心。

cncncn

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

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

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