再次理解js中的call函数

a.call(b);

网上说明的版本比较多。有的说,是指针替换。有说,将a对象的方法加在b对象执行。官方说:什么对象替换什么对象。反正看了几个版本,尽管有具体的实例,看了我三次都没看懂它的具体含义。看过还是云里雾里的。后来发现,结合实验去理解非常好。

 

其实,换成自己能够接受的方式理解为好。a对象的方法应用到b对象上(函数apply的意思正好说明符合这样理解:a对象应用到b对象上去)

a对象既然添加到b对象上了。那么b对象自然就拥有了a对象所有的内容。所有,b对象就继承了a对象了。结合自己编写的下面代码,理解怎么实现继承:

 

function class1()

{

   this.name = function(){

    alert("class1的方法name()");

   }

}

 

 

function class2()

{

 

class1.call(this);//要想实现class2继承class1 this就是当前对象class2。

}

 

现在可以知道是否实现继承了:

 

var cl = new class2();

 

cl.name();//class2继承了class1,class2是父类。调用父类的方法

 

 

另外一种实现继承的方式:用一个继承函数,专门实现继承。

 

function extend()

{

  class2.call(this);

  class1.call(this);

}

 

 

只要使用extend方法就能实现同时继承class2 class1。从这里可以记住:js语法中,一个对象可以同时继承两个对象。这点跟java语言的对象机制一样的。java语法中,对象的继承关系,形象店,就相当于一个儿子可以同时有两个爸爸。这确实不符合实际。不过,没必要纠结。知道用就行了。在php语言中,一个类只能有一个父类。

 

 纠正:没做过java,java中其实是不支持一个类继承多个父类的。

 

 

编写的js框架中,都会用到apply实现继承。有个地方疑惑,做个记号!

 

 

var Class = {
    create: function() {
        return function() { this.initialize.apply(this, arguments); }
    }
}

 

 

这里的arguments参数放进去是做什么用的?而且名字起好是arguments?肯定有其道理

 

 

注意到,call()与apply()的区别:功能一样。第二个参数形式不一样。call传递多个参数,是任意形式。apply第二个参数必须是数组形式。

用代码来理解它们区别最好:

 

a.call(b,2,3); ==>  a.apply(b,[2,3]);//数组形式传入

 

 

就是利用了apply参数是数组的特性。结合函数的隐性参数,都会自动保存在arguments数组中。这样,使用apply的方式:

 

this.initialize.apply(this, arguments);

 

可以直接将当前函数的arguments数组作为apply的第二个参数传入,不需要转化。

 

时间: 2024-10-23 06:10:46

再次理解js中的call函数的相关文章

彻底理解js中this

相关博文:http://blog.csdn.net/libin_1/article/details/49996815 彻底理解js中this的指向,不必硬背. 首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的,所以在你理解this的时候会有种琢磨不

JS中关于事件处理函数名后面是否带括号的问题_javascript技巧

今天总结一个关于事件处理程序的小细节.首先回顾一下事件处理的一些概念. JS中的事件处理(事件绑定)就是让某种或某些事件触发某些活动.有两种常见的形式,分别是DOM Level 0 和DOM Level 2.这两种方式最大的区别就在于DOM 0级事件处理只能用于事件冒泡,而DOM 2级事件处理却可以通过设置第三个参数来分别支持事件冒泡和事件捕获. DOM 0级事件处理一般是直接把一个函数分配给一个事件处理程序,既可以在元素中直接分配一个事件处理程序,如方式一所示;也可以在脚本中把函数分配给事件处

深入理解js中this的用法_基础知识

this是js的一个关键字,随着函数使用场合不同,this的值会发生变化.但是总有一个原则,那就是this指的是调用函数的那个对象. 1.纯粹函数调用. function test() { this.x = 1; alert(x); } test(); 其实这里的this就是全局变量.看下面的例子就能很好的理解其实this就是全局对象Global.其实这里的this就是全局变量.看下面的例子就能很好的理解其实this就是全局对象Global. var x = 1; function test()

JS中Date日期函数中的参数使用介绍

本文为大家详细介绍下JS中Date日期函数中的参数在实际使用中的介绍,感兴趣的朋友不要错过 要创建一个一个日期对象,可以使用以下的方式:   代码如下: var now=new Date()    当然,函数中没有传递任何参数,表示此对象now自动获取了当前的时间.    如果想要创建一个自定义时间的对象,则要对Date()进行参数的传递.而这个参数,必须是毫秒数(UTC时间1970年1月1日午夜起至自定义时间为止的毫秒数).    我们可以使用Date.parse()和Date.UTC()来获

js中的getObject()函数

问题描述 js中的getObject()函数 var leftList = getObject("leftList");这个括号里面的是select的id 这句话是什么意思,得到的是什么东西?求解 解决方案 js拾遗: 函数字面量GetObject函数js string 函数大全 解决方案二: select这个dom对象.getObject应该是document.getElementById的简写

深入理解JS中的substr和substring_javascript技巧

substr 方法 返回一个从指定位置开始的指定长度的子字符串. stringvar.substr(start [, length ]) 参数 stringvar 必选项.要提取子字符串的字符串文字或 String 对象. start 必选项.所需的子字符串的起始位置.字符串中的第一个字符的索引为 0. length 可选项.在返回的子字符串中应包括的字符个数. 说明 如果 length 为 0 或负数,将返回一个空字符串.如果没有指定该参数,则子字符串将延续到 stringvar 的最后. 示

深入理解PHP中的匿名函数

  匿名函数的作用就是扩大函数的使用功能,在PHP 5.3以前,传递Callback的方式,我们只有俩种选择: ◆字符串的函数名 ◆使用create_function的返回 在PHP5.3以后, 我们多了一个选择, 也就是Closure. $func = function () { ... };   array_walk($arr, $func);  从实现上来说, 第一种方式: 传递函数名字符串是最简单的.而第二种方式create_function, 其实和第一种方式本质上一样的, creat

几句话带你理解JS中的this、闭包、原型链_javascript技巧

原型链 所有对象都是基于Object.prototype,Object.prototype就是JavaScript的根对象,在Object.prototype中定义的方法都可以被其它对象访问到,当然也可以被重写了,所以直接在Object.prototype上调用的是原始功能的toString()方法,该方法会放回参数对象的内置属性[[class]]的值,这个值是个字符串,比如'[Object String]' 要理解原型链机制的话,首先得知道根本原因:JavaScript中的对象都有一个内置属性

js笔记——理解js中的call及apply

call及apply在js里经常碰得到,但一直感觉很陌生,不能熟练使用.怎样才能熟练应用呢? 为什么存在call和apply? 在javascript OOP中,我们经常会这样定义: function cat(){ } cat.prototype={ food:"fish", say: function(){ alert("I love "+this.food); } } var blackCat = new cat; blackCat.say(); 但是如果我们有