`

js 使用apply方法来继承"类"

阅读更多

 

<html>
<head><title>简单用例:js 使用apply方法来继承"类"
 </title></head>
<body></body>
</html>

<script type="javascript"
>
ClassA =function(sColor) {
		this
.color = sColor;
		this
.sayColor=function() {
			alert(this
.color);
		}
	}
	ClassB = function(sColor,sName) {
		ClassA.apply(this
,arguments);             //apply(extjs中也有这种类似的方法) 用于继承ClassA的属性和方法    this
 是本身对象,arguments 是一个数组对象

		this
.name=sName;
		this
.sayName = function() {
			alert(this
.name);
		}
	}
	var
 classa = new
 ClassA();
	var
 classb = new
 ClassB();
	classa.color = "classA  red"
;
	classb.color = "classB  red"
;
	classb.name  = "classB  张三"
;
	classa.name  = "classA  张三"
;
	classb.sayName();  //ClassB 本生的方法    输出结果:ClassB 张三 ;

	classb.sayColor(); //ClassB 从ClassA 继承的方法 输出的结果: ClassB red;

	classa.sayColor(); //ClassA 本身的方法   输出的结果: ClassA red

	classa.sayName();  //没有此方法 无法输出的。

0
0
分享到:
评论

相关推荐

    使用apply方法实现javascript中的对象继承

    javascript中的对象继承的方法有很多,在接下来的文章中为大家介绍下使用apply方法是如何实现的

    js中apply方法的使用详细解析

    1、对象的继承,一般的做法是复制:Object.extendprototype.js的... }除此之外,还有种方法,就是:Function.apply(当然使用Function.call也是可以的) apply方法能劫持另外一个对象的方法,继承另外一个对象的属性

    js继承call()和apply()方法总结

    本文介绍了js继承当中的call和apply方法,从定义到常用实例都做了分析,非常的实用,推荐给小伙伴们。

    js的继承方法小结(prototype、call、apply)(推荐).docx

    js的继承方法小结(prototype、call、apply)(推荐).docx

    javascript 继承派生

    javascript 继承派生等问题的资料,都是网上收集的,学会apply call 就懂js面向对象的原理了。

    JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法

    主要介绍了JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法的相关资料,需要的朋友可以参考下

    JS中的call()和apply()方法的详解

    每个函数都包含两个非继承而来的方法:call() 方法和 apply() 方法 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,一般来说,this总是指向调用某个方法的对象,但是使用...

    javascript基于原型链的继承及call和apply函数用法分析

    本文实例讲述了javascript基于原型链的继承及call和apply函数用法。分享给大家供大家参考,具体如下: 1. 继承是面向对象编程语言的一个重要特性,比如Java中,通过extend可以实现多继承,但是JavaScript中的继承...

    js的原型继承

    js的继承模式,以及对apply和call的详细介绍

    JS apply用法总结和使用场景实例分析

    apply是绑定this到指定函数或类,也可以说把函数或者类的方法和属性给到当前作用域。 1,使用apply实现继承 function A(name, age){ this.name = name; this.age = age; } function B(name, age, time){ A....

    JavaScript 继承使用分析

    深入学习javascript继承之前,先了解下面的几个概念: 父类:被继承的类 子类:由继承得来的类 超类:也就是父类 抽象类:一般不用来实例化的类,它的用途是用来给其他类继承. 基类:提供给其他类可以继承的类 派生类:由基类...

    js的继承方法小结(prototype、call、apply)(推荐)

    函数对象的一个特点:可以实现不同类之间的方法继承 函数的子类可以共享父类的方法,而父类不能想用子类的方法 eg: (prototype的继承) //创建父类函数对象 function Personal(name, age) { this.name = name...

    JavaScript中的对象继承关系

    我们今天就来看一下继承中的类继承以及类继承和原型继承的混用,所谓类继承,就是使用call或者apply方法来进行冒充继承: function Desk(size,height){ this.size=size; this.height=height; } function MJDesk(size,...

    JS继承 笔记

    JS继承 JavaScript中没有类...而改变函数的执行环境可以使用call()和apply()两种 方法来实现。 我们首先创建一个Animal“类”(因为JS中没有类的概念,这里只是一个模拟,它实际上只是一个 Function函数对象)。 代码如

    JavaScript五种继承方式

    JavaScript继承第1种方式:对象冒充;第2种方式:call方法;第3种方式:apply方法;第4种方式:原型链方式;第5种方式:混合方式(推荐)

    Javascript 中的 call 和 apply使用介绍

    简单的说就是改变函数执行的上下文,... 这两个方法通常被用来类的继承和回调函数: 作用一、类的继承: 先来看这个例子: 代码如下: function Person(name,age){ this.name = name; this.age=age; this.alertName = f

    JS call()及apply()方法使用实例汇总

    每个函数都包含两个非继承而来的方法:call()方法和apply()方法。 相同点:这两个方法的作用是一样的。 都是在特定的作用域中调用函数,等于设置函数体内this对象的值,以扩充函数赖以运行的作用域。 一般来说,...

Global site tag (gtag.js) - Google Analytics