[持续更新]JavaScript学习笔记(四)
来源:互联网 发布:软件改变生活 编辑:程序博客网 时间:2024/05/22 02:13
1.Call&&apply
这两个方法非常相似。
本节知识点参考
http://www.cnblogs.com/huyong/p/4139875.html
call方法:
语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]])
定义:调用一个对象的一个方法,以另一个对象替换当前对象。
说明:
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。说明白一点其实就是更改对象的内部指针,即改变对象的this指向的内容。这在面向对象的js编程过程中有时是很有用的。
apply方法:
语法:apply([thisObj[,argArray]])
定义:应用某一对象的一个方法,用另一个对象替换当前对象。
说明:
如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。
举个例子:
function add(a,b){ alert(a+b); } function sub(a,b){ alert(a-b); } add.call(sub,3,1);
这个例子中的意思就是用 add 来替换 sub,add.call(sub,3,1) == add(3,1) ,所以运行结果为:alert(4); // 注意:js 中的函数其实是对象,函数名是对 Function 对象的引用。
再来看个例子:
function qian(){ this.words = "qian"; this.say = function(){ alert(this.words); }} function hou(){ this.words = "hou"; } var qian = new qian(); var hou = new hou(); qian.say.call(hou); //hou
Call的用法相当于:将call前面的那个参数,放到后面括号里的上下文中去执行。这样,前面的方法中需要的参数,都会调用后面的同名参数。
Call方法还有一个重要的作用,就是用作继承。
Js中继承有两种方法,一种是prototype,一种是call,等下会细讲。
看例子:
function father() { this.member = "father"; this.method = function() { alert(this.member); }}function son() { father.call(this); alert(member);//father} alert(son.__proto__ === father.__proto__);//truealert(son.__proto__ === Function.prototype);//true
首先定义了father
在定义son的时候,将father放到自己的上下文中去,目的就是改变this值,这样father的所有属性都将更换到son中去。
之前将原型链__proto__的时候就说了,定义一个对象的时候,若这个对象是方法,那么他的__proto__指向Funtion.prototype,定义father的时候是这样,定义son的时候也是这样。所以他们在一个原型链上。
还可以实现多重继承
例子:
function Class10(){ this.showSub = function(a,b){ alert(a-b); } } function Class11(){ this.showAdd = function(a,b){ alert(a+b); } } function Class2(){ Class10.call(this); Class11.call(this); } var c2 = new Class2();c2.showAdd(1,2);//3c2.showSub(2,1);//1
这样Class2就继承了class10,class11的方法。
- [持续更新]JavaScript学习笔记(四)
- [持续更新]HTML5学习笔记(四)
- JavaScript学习笔记(持续更新)
- [持续更新]JavaScript学习笔记(一)
- [持续更新]JavaScript学习笔记(二)
- [持续更新]JavaScript学习笔记(三)
- [持续更新]JavaScript学习笔记(五)
- [持续更新]JavaScript学习笔记(六)
- [持续更新]JavaScript学习笔记(七)
- [持续更新]JavaScript学习笔记(八)
- JavaScript学习【持续更新】
- 指针学习笔记(持续更新)
- spring学习笔记(持续更新)
- C语言学习笔记(持续更新)
- cocos2d-x学习笔记(持续更新)
- Java学习笔记(持续更新)
- oracle学习笔记(持续更新)
- cocos2d-x学习笔记(持续更新)
- C++对象模型——解构语意学(第五章)
- kafka0.8.2以下版本删除topic
- 深度学习文献阅读笔记(2)
- Andorid ListView和Adapter优化
- melody
- [持续更新]JavaScript学习笔记(四)
- Objective-C 苹果开发文档 04 Encapsulating Data
- 容斥定理 hdu1796 How many integers can you find
- list4
- 培训1
- jsp的基本知识
- 名字的漂亮度
- POJ数学题目
- HDOJ 1021 Fibonacci Again 【数论】