Rumah >hujung hadapan web >tutorial js >小议Function.apply() 之一------(函数的劫持与对象的复制)_javascript技巧

小议Function.apply() 之一------(函数的劫持与对象的复制)_javascript技巧

WBOY
WBOYasal
2016-05-16 19:23:391352semak imbas

关于对象的继承,一般的做法是用复制法: Object.extend

见protpotype.js 的实现方法:

复制代码 代码如下:
Object.extend = function(destination, source) { 
  for (property in source) { 
    destination[property] = source[property]; 
  } 
  return destination; 

除此以外,还有一种不太常见的方法:  Function.apply.

apply 方法能劫持(> 书中用到"劫持"一语,很生动啊)另外一个对象的方法,
继承另外一个对象的属性。
示范代码如下:
Apply示范代码 
复制代码 代码如下:
<script> <br><br>function Person(name,age){ //定义一个类,人类 <BR> this.name=name //名字 <BR> this.age=age //年龄 <BR> this.sayhello=function(){alert("hello")} <BR>} <br><br>function Print(){ //显示类的属性 <BR> this.funcName="Print" <BR> this.show=function(){ <BR> var msg=[] <BR> for(var key in this){ <BR> if (typeof(this[key])!="function") msg.push([key,":",this[key]].join("")) <BR> } <BR> alert(msg.join("\n")) <BR> } <BR>} <br><br>function Student(name,age,grade,school){ //学生类 <BR> Person.apply(this,arguments) <BR> Print.apply(this,arguments) <BR> this.grade=grade //年级 <BR> this.school=school //学校 <BR>} <br><br>var p1=new Person("jake",10) <BR>p1.sayhello() <br><br>var s1=new Student("tom",13,6,"清华小学") <BR>s1.show() <BR>s1.sayhello() <BR>alert(s1.funcName) <BR></script> 
 学生类本来不具备任何方法,但是在 Person.apply(this,arguments)  后,他就具备了 Person类的sayhello方法和
所有属性。  在 Print.apply(this,arguments) 后就自动得到了  show() 方法。


本文,作为抛砖引玉,只对 apply 的用法(在对象继承和函数劫持方面)做个小示范,其他更深入的应用要
靠大家慢慢去领会了。
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn