类的继承和封装

最新推荐文章于 2022-12-06 16:34:23 发布

shmaple

最新推荐文章于 2022-12-06 16:34:23 发布

阅读量359

点赞数

分类专栏： JavaScript 文章标签： function button class c

本文链接：https://blog.csdn.net/shmaple/article/details/5926208

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、call,apply用法
    call作用是使一个方法或函数使用另一个方法和函数，比如一个类或对象调用另一个类或对象的方法，实现类的继承，
    注意：调用的只是方法，不会使用被调用对象的属性,

    call([thisObj[,arg1[, arg2[, [,.argN]]]]])
    参数
    thisObj
    可选项。将被用作当前对象的对象。
    arg1, arg2, , argN
    可选项。将被传递方法参数序列。
    说明：
        call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
        如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。
        apply 方法和call一样只是参数换成数组
    例子：

<html> <head> <script type="text/javascript"> /*--------------------------- function add(a,b) { alert("add="+(a+b)); } function sub(a,b) { alert("sub="+(a-b)); } -------------------------------*/ function Class1() { this.name = "class1"; this.showNam = function() { alert(this.name); } } function Class2() { this.name= "class2"; } function result(){ //add.call(sub,3,1); var c1 = new Class1(); var c2 = new Class2(); c1.showNam.call(c2); } </script> </head> <body> <p>click the button to show rusult:</p> <button οnclick='result()'>test</button> </body> </html>

2、一个类继承（构造函数继承）的例子，用此方法可以继承多个类。

<html> <head> <script type="text/javascript"> function shape(name) { var name=name; this.getName=function() { return name; } } function circle(center,radius) { shape.call(this,"circle"); //使用this指代 circle 类，继承shape类的构造函数， this.center=center; this.radius=radius; } function result() { var circle1=new circle(10,30); var name=circle1.getName(); alert(name); } </script> </head> <body> <p>click the button to show rusult:</p> <button οnclick='result()'>test</button> </body> </html>

3、类的全部继承，包含属性和方法

<html> <head> <script type="text/javascript"> function shape(name) { var name=name; this.getName=function() { return name; } } shape.prototype= //为shape添加属性和方法 { draw:function() { alert("drawing..."); }, color:"red" } function circle(center,radius) { shape.call(this,"circle"); //使用this指代 circle 类，继承shape类的构造函数， this.center=center; this.radius=radius; this.color="blue"; } function result() { for(var memberName in shape.prototype) //遍历所有cicle类中的方法和属性，将其复制的子类中，如果子类中有同名方法和属性则不覆盖。 { var memberValue=shape.prototype[memberName]; if(!circle.prototype[memberName]) { circle.prototype[memberName]=memberValue; } } var circle1=new circle(10,30); var name=circle1.getName(); alert(name); alert(circle1.color); circle1.draw(); } </script> </head> <body> <p>click the button to show rusult:</p> <button οnclick='result()'>test</button> </body> </html>

4、继承方法的封装，为所有的类添加继承方法

<html> <head> <script type="text/javascript"> /* *通过function原型对象添加一个inherit方法，该方法完成继承逻辑的封装 *接收3个参数： * instance 实例； * baseClass 基类； * arguments 传递给基类构造函数的参数【数组】； */ Function.prototype.inherit=function(instance,baseClass,arguments) { this._baseClass=baseClass; baseClass.apply(instance,arguments); for(var memberName in baseClass.prototype) //遍历所有cicle类中的方法和属性，将其复制的子类中，如果子类中有同名方法和属性则不覆盖。 { var memberValue=baseClass.prototype[memberName]; if(!this.prototype[memberName]) { this.prototype[memberName]=memberValue; } } } function shape(name) { var name=name; this.getName=function() { return name; } } shape.prototype= //为shape添加属性和方法 { draw:function() { alert("drawing..."); }, color:"red" } function circle(center,radius) { //shape.call(this,"circle"); //使用this指代 circle 类，继承shape类的构造函数， circle.inherit(this,shape,["circle"]); this.center=center; this.radius=radius; this.color="blue"; } function result() { var circle1=new circle(10,30); var name=circle1.getName(); alert(name); alert(circle1.color); circle1.draw(); } </script> </head> <body> <p>click the button to show rusult:</p> <button οnclick='result()'>test</button> </body> </html>

ref:http://www.chinaz.com/Design/Pages/12141010512009_1.html