javascript中apply方法和call方法的作用以及prototype.js中的应用
2007-10-23 16:41
1231 查看
call方法在msdn中的解释 调用一个对象的一个方法,以另一个对象替换当前对象。
apply方法在msdn中的解释 应用某一对象的一个方法,用另一个对象替换当前对象。
这个解释也是非常抽象的,这两个方法的作用基本是一样的,举个例子
<script>
function cls1()
{
this.a='123';
}
cls1.prototype.fun1=function()
{
alert(this.a);
}
function cls2()
{
this.a='456';
}
var o1=new cls1();
var o2=new cls2();
o1.fun1.apply(o2);
</script>
只有o1对象的类cls1中有fun1这个方法,但是,这时我们需要用o2对象替代o1对象,所以这个时候显示的this.a会是456,呵呵很神奇吧,换成call方法也是一样的,这两种方法使用的不同点仅仅是参数的使用方法上不同,这里就不多做解释了。
大家可以在prototype.js里看到
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
这种代码,相当的夸张,很多人很容易被这种bt的代码弄糊涂,其实仔细分析其中的道理却也不难
显然这种写法代表了Class是声明的一个Object对象,其中create是这个object对象的一个属性,这个属性就是一个函数。这个函数执行过后返还一个函数。可能这样解释太复杂了,那不如做一个试验好了。
<script>
var x=function(){return function(){alert(123);}}
var n=x();
n();
</script>
很好玩吧,这里n就是x函数执行过后返还给的一个函数也就是n现在等于了function(){alert(123);}再执行n()的时候就跳出了123
现在开始讲难点 this.initialize.apply(this, arguments);
这句表达了什么含义,其实现在先看看prototype.js里怎么调用的就明白了
var Template = Class.create();
Template.prototype = {
initialize: function(template, pattern) {
this.template = template.toString();
this.pattern = pattern || Template.Pattern;
},....省略代码若干
var template = new Template(replacement);
第一句话Class.create(); 就是返还给Template 一个函数,这个函数是
function() {
this.initialize.apply(this, arguments);
}
当执行var template = new Template(replacement);时,就变成了要执行这个函数,而这个函数的作用是
执行当前类中initialize这个函数
所以prototype.js中的每一个类都预留了
Template.prototype = {
initialize: function(template, pattern) {
this.template = template.toString();
this.pattern = pattern || Template.Pattern;
},....
这么个函数,如果没有这个的话,程序将会出错
知其然,知其所以然,为什么要这么写呢?
一般我们声明的时候funciton fun(){} var o=new fun();这样感觉fun又是类又是构造函数很别扭,为了分开这种不是很友好的代码方案,所以prototype.js使用了如上方法
apply方法在msdn中的解释 应用某一对象的一个方法,用另一个对象替换当前对象。
这个解释也是非常抽象的,这两个方法的作用基本是一样的,举个例子
<script>
function cls1()
{
this.a='123';
}
cls1.prototype.fun1=function()
{
alert(this.a);
}
function cls2()
{
this.a='456';
}
var o1=new cls1();
var o2=new cls2();
o1.fun1.apply(o2);
</script>
只有o1对象的类cls1中有fun1这个方法,但是,这时我们需要用o2对象替代o1对象,所以这个时候显示的this.a会是456,呵呵很神奇吧,换成call方法也是一样的,这两种方法使用的不同点仅仅是参数的使用方法上不同,这里就不多做解释了。
大家可以在prototype.js里看到
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
这种代码,相当的夸张,很多人很容易被这种bt的代码弄糊涂,其实仔细分析其中的道理却也不难
显然这种写法代表了Class是声明的一个Object对象,其中create是这个object对象的一个属性,这个属性就是一个函数。这个函数执行过后返还一个函数。可能这样解释太复杂了,那不如做一个试验好了。
<script>
var x=function(){return function(){alert(123);}}
var n=x();
n();
</script>
很好玩吧,这里n就是x函数执行过后返还给的一个函数也就是n现在等于了function(){alert(123);}再执行n()的时候就跳出了123
现在开始讲难点 this.initialize.apply(this, arguments);
这句表达了什么含义,其实现在先看看prototype.js里怎么调用的就明白了
var Template = Class.create();
Template.prototype = {
initialize: function(template, pattern) {
this.template = template.toString();
this.pattern = pattern || Template.Pattern;
},....省略代码若干
var template = new Template(replacement);
第一句话Class.create(); 就是返还给Template 一个函数,这个函数是
function() {
this.initialize.apply(this, arguments);
}
当执行var template = new Template(replacement);时,就变成了要执行这个函数,而这个函数的作用是
执行当前类中initialize这个函数
所以prototype.js中的每一个类都预留了
Template.prototype = {
initialize: function(template, pattern) {
this.template = template.toString();
this.pattern = pattern || Template.Pattern;
},....
这么个函数,如果没有这个的话,程序将会出错
知其然,知其所以然,为什么要这么写呢?
一般我们声明的时候funciton fun(){} var o=new fun();这样感觉fun又是类又是构造函数很别扭,为了分开这种不是很友好的代码方案,所以prototype.js使用了如上方法
相关文章推荐
- javascript中apply方法和call方法的作用以及prototype.js中的应用
- javascript中apply方法和call方法的作用以及prototype.js中的应用
- javascript中apply方法和call方法的作用以及prototype.js中的应用
- js中apply和call方法的应用
- js中apply和call方法的应用
- js中apply和call方法的应用
- 【js】javascript中call()和apply()方法的区别
- JavaScript中Call()以及Apply()的应用
- js中apply和call方法的应用
- js中apply和call方法的应用
- js中apply和call方法的应用
- JavaScript中有一个call和apply方法,其作用基本相同,但也有略微的区别
- JavaScript之apply,call以及bind方法
- js基础进阶之apply和call方法的使用以及区别
- js中apply和call方法的应用
- js中apply和call方法的应用
- js中apply和call方法的应用
- 轻松拿下JavaScript(四)——对象字面量,this,call()和apply()方法,JS的异常处理
- js中bind,call,apply方法的应用
- 【js基础】javascript中的apply() call() bind() 方法是javascript专业人员的基础[译]