`

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

JavaScriptHTML 
阅读更多

 

<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
踩
分享到：
| 一对夫妇的离婚账单[转贴收藏]
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    在JavaScript中，对象继承可以通过多种方式实现，其中一种常见的方法是使用`Object.extend`或`Object.assign`来复制源对象的属性到目标对象。然而，`apply`方法也可以用来实现继承，特别是通过构造函数。在示例中，...

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

    JavaScript是一种基于原型的编程语言，它没有传统意义上的类，但是可以利用原型链和各种方法来实现对象的继承。在这些继承方法中，apply方法就是其中的一种。apply方法可以调用一个具有给定this值的函数，以及作为一...

    javascript中类和继承（代码示例+prototype.js）

    JavaScript是一种动态类型的语言，它没有像Java或C++那样的传统类，而是使用函数作为构造器来模拟类的行为，并通过原型链实现继承。本文将深入探讨JavaScript中的类和继承，并结合`prototype.js`文件中的示例进行...

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

    除了使用 `prototype` 来实现继承之外，JavaScript 还提供了 `apply` 和 `call` 方法来实现继承。 **2.1 Apply 和 Call 的基本用法** `apply` 和 `call` 都是用来调用一个函数，并且改变该函数的上下文（即 `this`...

    js中继承的几种用法总结(apply,call,prototype)

    在JavaScript中，实现对象继承主要有三种方式：原型链继承（prototype）、构造函数继承和call/apply继承。下面将分别详细介绍这三种继承方式的具体用法和实现原理。 1. 原型链继承（prototype） 原型链继承是...

    javascript 继承派生

    本资料集合关注的是JavaScript中的继承派生以及与之相关的`apply`和`call`方法。 **继承**是面向对象编程的关键概念，允许一个对象（子类）继承另一个对象（父类）的属性和方法。在JavaScript中，由于它没有内置的...

    apply应用小结

    标题中的“apply应用小结”指的是JavaScript中函数对象的一个关键特性——`apply()`方法的使用总结。`apply()`是JavaScript中函数对象的一个方法，它允许我们调用一个函数，并可以自定义函数执行时的上下文（`this`...

    Js apply方法详解

    总结来说，apply方法是JavaScript中一个非常强大的工具，它提供了一种在特定情况下动态改变函数内部this指向的方式，并且可以灵活地处理函数参数。熟练掌握apply方法，可以使得JavaScript编程更加灵活高效。在实际...

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

    JavaScript 中的 `call()` 和 `apply()` 方法是两种非常重要的函数调用方式，它们在继承和对象间共享行为时发挥着关键作用。本文将详细解析这两种方法的定义、用途以及如何在实际场景中应用。 1. `call()` 方法 `...

    JavaScript继承

    除了传统的原型链继承，JavaScript还支持其他继承模式，如组合继承（组合使用构造函数和原型链）、寄生继承（通过创建父类副本改进继承）、原型式继承（使用`Object.create()`）、寄生组合式继承（被认为是最有效的...

    JS：Call方法详解(js_的继承)

    虽然JavaScript不直接支持多重继承，但我们可以通过连续使用`call`方法来实现类似的效果。 **示例：** ```javascript function Class10() { this.showSub = function(a, b) { console.log(a - b); }; } ...

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

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

    JS中的call、apply、bind方法详解.pdf

    1. 实现继承：可以使用call方法来实现继承，例如： ```javascript function Animal(name) { this.name = name; this.showName = function() { console.log(this.name); } } function Cat(name) { Animal.call...

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

    JS中apply的用法是JavaScript开发者必须掌握的重要知识点之一，尤其在面向对象编程和函数编程中有着广泛的应用。apply方法在函数对象上，它接受两个参数，第一个参数是绑定的this值，第二个参数是一个包含多个参数的...

    JavaScript学习之三 — JavaScript实现继承的7种方式

    组合继承结合了构造函数和原型链继承，子类先调用父类构造函数来初始化属性，再通过原型链继承父类的方法。这种方式解决了前两者的问题，但存在性能损耗，因为父类构造函数会被调用两次。 5. 原型委托继承...

    js中apply和call的理解与使用方法

    JavaScript中的apply和call方法是函数对象上的两个重要方法，它们都用于显式设置函数体内this的值。虽然这两个方法在功能上非常相似，但它们在使用参数上存在明显的区别。本文将详细介绍apply和call的区别、用法以及...

    学习javascript面向对象 javascript实现继承的方式

    通过使用apply()和call()方法，可以在将来新创建的对象上执行构造函数，从而实现继承。 优点： - 可以向超类型构造函数传递参数。 缺点： - 无法实现函数复用。 - 在超类型的原型中定义的方法，对子类型而言也是不...

    javascript继承之工具函数二

    2. **构造函数继承**：通过调用父类的构造函数来实现，通常与`call`或`apply`方法结合使用，使得子类实例可以访问父类的属性和方法。但这种方式会为每个子类实例创建不必要的父类属性副本。 3. **组合继承**：结合...

Magicbox
Global site tag (gtag.js) - Google Analytics