`
xplq
  • 浏览: 89888 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

js之call方法的思考

阅读更多
1.JScript官方解释:
call 方法

调用一个对象的一个方法,以另一个对象替换当前对象。

call([thisObj[,arg1[, arg2[,   [,.argN]]]]])
参数
thisObj

可选项。将被用作当前对象的对象。

arg1, arg2,  , argN

可选项。将被传递方法参数序列。

说明
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

要求
版本 5.5

2.我的理解
以obj1.method1.call(obj2,argument1,argument2,...)为例:
call方法的调用者:一个对象的方法(在js里面方法/函数也是对象),调用者为,obj1.method1
call方法的参数:一个新对象(obj2),这个对象的作用是“拦截”对象obj1,来运行本来属于obj1的method方法;而 argument1,argument2,...就是给method传递参数了
call方法的结果:obj1.method1.call(obj2,argument1,argument2,...)等价于:
                obj2.method1(argument1,argument2,...)
call方法的作用:obj1.method方法得到重用、共享,有new的特效,实现继承
最简单的理解:
关于call,把隐藏的第一个参数显示化。因为通常一个方法x的调用,会有一个额外的隐藏参数,就是x所属的对象,如果没有所属,则为global(如window)对象,并在函数内可以用this关键字访问之。
3.一些实例
(1)方法得到重用、共享
<script>
function show(){
	var id="1";
	this.h=function(){
		alert(id);
	}
}
//var a=new show();
var a={};
var b={};
show.call(a);
show.call(b);
a.h();
b.h()
</script>

这样一来是不是方法重用呢?
(2)取代new
<script>
function show(){
	var id="1";
	this.h=function(){
		alert(id);
	}
}
//var a=new show();
var a={};
show.call(a);
a.h();
</script>

这个例子看视奇怪,其实,不必惊讶!
show函数其实可以看成window.show,那么show.call(a)就是window.call(a)!
(3)实现继承
js实现继承一般是用prototype,这不是本文讨论的主题,但是call也可以用来实现继承,如
<script>
function show1(){
	var id="1";
	this.h=function(){
		alert(id);
	}
}
function show2(){
	show1.call(this);
}
var s={};
show2.call(s); //new的取代
s.h();
</script>

这样一来是不是达到继承的目的!如果要实现多重继承则:
<script>
function show1(){
	var id="1";
	this.h=function(){
		alert(id);
	}
}
function show2(){
	show1.call(this);
}
function show3(){
	show2.call(this);
}
var s={};
show3.call(s);
s.h();
</script>

是不是能达到prototype的目的,呵呵。
当然,从一定的角度上考虑,这样的继承,是有问题的,直接在类函数体里面定义成员方法,将导致每个实例都有副本,重复占用了内存。
分享到:
评论
1 楼 afcn0 2008-07-10  
就是一个call完了,另外的接着call,和prototype链区别大,你call到show1了,还借着怎么向上call?

相关推荐

    由JavaScript中call()方法引发的对面向对象继承机制call的思考

    JavaScript作为一种多范式的编程语言,虽然传统上不采用类和继承的概念,但是通过原型链和特定的方法,如call(),依然可以实现类似继承的功能。 在JavaScript中,call()方法是Function对象的一个内置方法。它允许...

    百度javascript前端面试题

    本文总结了百度前端JavaScript面试题,涵盖了多个知识点,包括左定右自适应布局、GetPosition方法、模拟fadeIn和fadeOut、call和apply的区别和应用场景、创建a标签点击弹出对应序号、Ajax的关键步骤和注意事项、页面...

    javaScript函数式编程

    9.2.7 方法是低级别操作188 9.3.call(“Finis”);190 附录A 更多函数式JavaScript191 A.1 JavaScript的函数式库191 A.1.1 函数式JavaScript191 A.1.2 Underscore—contrib192 A.1.3 RxJS192 A.1.4 Bilby194 A.1.5...

    Article::light_bulb:个人博客

    深入js之造call、apply轮子 深入js之对象的属性类型 深入js之原型与原型链 深入js之函数柯里化 深入js之函数与函数式编程 深入js之闭包 内存管理与内存泄漏思考题 深入js之内存管理与内存泄漏 深入js之深究ES6规范...

    JS实现手写 forEach算法示例

    在JavaScript编程中,数组是常用的数据结构之一,而forEach是JavaScript数组提供的一个高阶函数,用于对数组中的每个元素执行一次提供的函数。高阶函数是接收函数作为参数或将函数作为输出返回的函数。本篇文档详细...

    js代码-大厂真题每日一题(四)

    2. 函数:函数声明与表达式、参数默认值、rest/spread运算符、箭头函数、函数作用域与闭包、this指向、call/apply/bind方法等。 3. 面向对象:类与对象、构造函数、原型链、继承、原型方法、访问器属性等。 4. ...

    对采用动态原型方式无法展示继承机制得思考

    每个函数(在JavaScript中,函数也是对象)都有一个`prototype`属性,这个属性指向一个对象,该对象的属性和方法会被实例对象共享。当访问实例对象的一个属性或方法时,如果在实例本身找不到,就会查找其`__proto__`...

    不到30行JS代码实现Excel表格的方法

    这不仅是一个技术上的展示,同时也为JavaScript开发人员提供了一种不依赖于jQuery等库的思考方式。 首先,我们来看一下基本的HTML结构。实现这样功能的核心HTML结构只有一行,即一个空的&lt;table&gt;&lt;/table&gt;标签。然后...

    U3D游戏开发职位简历模版.pdf

    游戏中包含多个 Scene 和游戏对象,需要实现不同的 Scene 之间的切换、玩家的寻路、图片的显示控制、DrawCall 的控制等。 2. City Burst 游戏:该游戏是基于 Flash 平台的一款名为“爆破”的游戏设计,这款游戏使用 ...

    VB语言的分页代码,已经写成类

    虽然现代Web开发更多地使用如JavaScript、Python等语言,但在特定场景下了解和掌握VBScript中的分页逻辑仍然是有价值的。对于想要进一步提高其Web开发能力的人来说,理解和实践这些基础知识是非常有帮助的。

    diary:我的技术日记-我每天学习或思考的内容

    为什么 call 比 apply 快? 库里化的使用 内存泄漏 js this 前端路由与作用域 js 函数 闭包与 xss node.js 集合 fs 模块 网络模块 process 模块和 modue node 异步与 cookie node 开发静态服务器 安全

    基于Hybrid的移动应用混合开发模式架构.pdf

    在构建混合型APP的架构时,遵循“好莱坞明星法则”(Don't call me, I will call you back!)是非常重要的。这意味着子类不应直接调用接口,而是通过父类调用,通过抽象函数和虚函数来控制子类的行为。这有助于保持...

    JQuery 动态扩展对象之另类视角

    【jQuery 动态扩展对象之另类视角】 在JavaScript中,动态扩展对象是其灵活性的一个重要体现。JavaScript作为一门动态类型的语言,允许我们在运行时添加、修改或删除对象的属性和方法。jQuery作为广泛使用的...

    VSCode的个人知识管理和共享系统-javascript

    泡沫是一种支持在想法和信息之间建立关系以帮助您更好地思考的工具。 无论您是想建立第二大脑还是 Zettelkasten、写一本书,或者只是在长期学习中取得更好的成绩,如果您遵循以下简单规则,Foam 可以帮助您组织您...

    It-s-not-a-bug-it-s-a-feature:将“错误”的每个实例更改为“功能”

    理解`call`、`apply`和`bind`方法可以帮助开发者更好地控制`this`。 7. **原型继承**:JavaScript的对象通过原型链实现继承,这可能导致一些“错误”情况,如意外地修改了原型链上的属性。但这也是JavaScript实现...

    PHP高级程序员面试第一季

    面向对象是PHP的核心特性之一,它允许我们以更接近现实世界的方式去思考和设计程序。主要概念包括: 1. 类与对象:类是创建对象的模板,定义了对象的属性和行为;对象则是类的实例,拥有类定义的所有属性和方法。 2....

    48绿色品牌设计策划交互动态全套网站源代码.rar

    这可能体现在网页的结构规划、CTA(Call To Action)按钮的设置、内容的布局等方面,旨在引导用户按照预设路径进行操作。 再者,"交互动态"是现代网站设计的一大特色。这里的交互可能包括动态效果、动画、滑动模块...

    测试培训教材

    1、测试流程管理、测试度量方法 按照尽早进行测试的原则,测试人员应该在需求阶段就介入,并贯穿软件开发的全过程。就测试过程本身而言,应该包含以s下几个阶段。  -测试需求的分析和确定。  -测试计划。  -...

Global site tag (gtag.js) - Google Analytics