`
zhouyrt
  • 浏览: 1172396 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript继承之工具函数二

阅读更多

按原型方式写类,即属性和方法都挂在原型上。

 

/**
 *  父类Person
 */
function Person(){
}
Person.prototype.nationality = 'China';
Person.prototype.getNationality = function() {return this.nationality;}
Person.prototype.setNationality = function(n) { this.nationality = n;}
 

extend函数如下,即创建一个父类赋值给子类原型

/**
 * 工具函数---实现继承  
 * @param {Function} subCls
 * @param {Function} superCls
 */
function extend(subCls,superCls) {
	subCls.prototype = new superCls();	
}

子类如下,

function Man() {}
extend(Man,Person);

添加子类自有属性及方法

Man.prototype.name = 'jack';
Man.prototype.getName = function() { return this.name;}
Man.prototype.setName = function(n) { this.name=n;}
 

最后测试代码,

var m = new Man();
console.log(m);
console.log(m instanceof Person);

 

 

 

 

 

0
0
分享到:
评论

相关推荐

    javascript指南和函数式编程

    2. **对象和原型**:深入理解原型链,掌握构造函数、原型对象以及对象字面量的用法,了解如何创建和继承对象。 3. **数组和集合**:学习JavaScript中的数组操作,如map、filter、reduce等高阶函数的运用,以及Set和...

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

    2. 构造函数继承(Constructor Inheritance) 构造函数继承主要通过`call()`或`apply()`方法实现,将父类构造函数的上下文(`this`关键字)指向子类实例。这样,父类构造函数可以初始化子类实例的属性。然而,这种...

    JavaScript实用小函数(一)

    7. **原型链与继承**: JavaScript通过原型实现继承,每个对象都有一个`__proto__`属性,指向创建它的构造函数的原型。继承是通过`prototype`对象和`Object.create()`方法实现的。 8. **多态**: 多态是指同一消息...

    javascript控件开发之继承关系

    在这个主题中,“javascript控件开发之继承关系”主要探讨的是如何利用JavaScript的面向对象特性来构建和组织控件的层次结构,以及如何通过继承来实现代码的复用和模块化。 在JavaScript中,继承是基于原型...

    javascript(函数查询chm+语法pdf)

    3. **基于原型(Prototype-based)**:JavaScript 使用原型继承,对象可以继承其他对象的属性和方法。 4. **事件驱动(Event-driven)**:JavaScript 可以通过监听和处理用户或系统的事件来实现交互性。 5. **函数...

    JavaScript实现继承的几种方式

    2. 构造函数继承(借用构造函数) 这种方法是通过在子类的构造函数中调用父类的构造函数来实现继承。尽管它能将父类的属性复制给子类,但无法继承原型上的属性和方法。 ```javascript function Parent(name) { ...

    javascript 继承派生

    在JavaScript中,面向对象编程是其核心特性之一,而继承和派生则是实现面向对象的重要机制。本资料集合关注的是JavaScript中的继承派生以及与之相关的`apply`和`call`方法。 **继承**是面向对象编程的关键概念,...

    QT和网页中的JavaScript函数进行相互调用的实现

    2. **JavaScript调用QT函数**: - 在QT中定义一个槽函数,例如`handleJsCall`,然后使用`QWebChannel`来创建一个通信通道,让JavaScript可以调用这个槽函数。 - 首先,创建一个继承自`QObject`的C++类,暴露槽函数...

    JavaScript继承的特性与实践应用深入详解

    下面将深入探讨JavaScript继承的特性及其实践应用。 1. 伪类继承: JavaScript 的继承机制不直接实现对象间的继承,而是通过构造函数创建对象,并利用`prototype`属性来实现。当一个函数被创建时,它的`prototype`...

    js定义类 对象 构造函数,类的继承

    在JavaScript中,类(Class)、对象(Object)和构造函数(Constructor)是面向对象编程的基础。这篇文章将深入探讨这三个概念,以及如何实现类的继承。 首先,让我们理解什么是JavaScript中的对象。在JavaScript中...

    JavaScript 基本语法 高级语法 自定义函数下载

    JavaScript,作为全球最广泛使用的编程语言之一,是创建动态网页和交互式应用程序的关键工具。它是一种轻量级的解释型语言,主要应用于客户端的Web开发。这个资源包涵盖了JavaScript的基本语法、高级语法以及自定义...

    JavaScript函数的特性与应用实践深入详解

    JavaScript是一种面向对象的脚本语言,它的函数特性丰富且灵活,是实现逻辑和业务流程的基石。本文将详细探讨JavaScript函数的特性与应用实践。 首先,JavaScript函数是一种对象,这使得它们拥有对象的所有属性和...

    JavaScript中的普通函数和箭头函数的区别和用法详解.docx

    JavaScript中的函数有两种主要类型:普通函数(也称为传统函数或函数表达式)和箭头函数。这两种函数在语法和行为上都有所不同,对于理解和编写JavaScript代码至关重要。 ### 普通函数 #### 1. 定义 普通函数通过`...

    JavaScript 继承详解(六)

    总的来说,Prototype.js通过提供`Class.create`和`Object.extend`等工具,使得JavaScript中的继承变得更加易于理解和使用。这种继承机制使得开发者能够创建复杂的对象层次结构,实现了类的概念,并有效地复用了代码...

    javascript函数

    通过参数、返回值、作用域、闭包、箭头函数以及模块化,JavaScript函数能够满足各种编程需求,是开发者不可或缺的工具。深入理解和灵活运用这些概念,能帮助你编写出更加高效和易于维护的JavaScript代码。

    JavaScript 继承的实现

    JavaScript继承的实现方式多样,除了原型链之外,还有如下几种常见方式: 1. **构造函数继承**:通过调用父构造函数来初始化子对象,但不能避免方法重复。 2. **原型链继承**:通过修改子构造函数的原型使其指向父...

    JavaScript中函数对象调用模式总结

    JavaScript中的函数对象调用模式是编程中至关重要的概念,它涉及到函数作为一等公民、作用域、闭包、原型链等多个核心知识点。这篇博客通过深入分析JavaScript中的函数调用模式,帮助开发者更好地理解和掌握这些概念...

    Javascript 函数快速查询手册

    原型是JavaScript继承的基础,每个对象都有一个`__proto__`属性,指向其构造函数的原型对象。 六、数组与迭代器 数组是内置的引用类型,可以使用索引访问其元素。`for...of`循环和`Array.prototype.forEach()`等...

    javascript 封装 继承

    JavaScript提供了多种继承方式,包括原型链继承、构造函数继承、组合继承、寄生式继承、寄生组合式继承等。其中,寄生组合式继承被认为是目前最优化的继承模式: ```javascript function SuperType(name) { this....

Global site tag (gtag.js) - Google Analytics