美文网首页
Javascript 类继承模板

Javascript 类继承模板

作者: 蓝点工坊 | 来源:发表于2017-06-07 18:05 被阅读8次

问题背景

Javascript 与 Python 两种语言越来越象,但是 Python 语言里有一个优点有 class 关键字,可以用系统标准的方法来定义和继承. 但是 Javascript 无此关键字,只能用 function 来间接实现类和继承. 因此方法五花八门.初学者往往无所适从. 这里有一套标准模板,可以适应大部分情况.

类模板

//基类声明
function Person(age,name){
   this.Age = age;              //类属性
   this.Name = name;        //类属性

   // 定义类方法之一
    this.sayHello = function() {
        alert('Person say Hello');
    }
}

//定义类方法二:
Person.prototype.run = function() {
    alert('Person run');
}


//子类声明
function Worker(height,name){
   Person.call(this,18,name); //调用父类的构造函数,注意用 call 并把 this 指针传入,相当于让 Person()对 Worker()初始化属性
   this.height = height;  //子类新增属性

     // 定义类方法之一,注意这里与基类重名,表示重载方法
    this.sayHello = function() {
        alert('Work say Hello');
    }
}
Worker.prototype = new Person; //继承关键复制基类所有方法和属性,这里不需要参数
//子类扩展方法
Worker.prototype.doWork = function() {
    alert('Woker work');
}



测试

var worker = new Worker(180,'Tom');
worker.sayHello();  //执行子类方法
alert(worker.Name); //打印'Tom',

相关文章

  • Javascript 类继承模板

    问题背景 Javascript 与 Python 两种语言越来越象,但是 Python 语言里有一个优点有 cla...

  • Flask基础03

    模板 1 模板的继承 什么是模板的继承​ 模板的继承类似于类的继承,如果一个模板中所出现的大量内容与另一个模板...

  • Flask框架从入门到精通之模板导入与继承(十八)

    知识点:1、模板导入2、模板继承 一、概况 模板导入就是将另一个模板加载到当前模板中,直接渲染。模板继承和类的继承...

  • JavaScript - 继承和类

    JavaScript - 继承和类 在这一篇中,我要聊聊 JavaScript 中的继承和“类”。 首先跟你请教下...

  • javascript 类继承

    1.面向过程与面向对象 1.1面向过程 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,...

  • C++函数类模板的具体实践

    1.这里有类模板的具体实践.2.类的继承,基类是模板类,派生类是具体类,和模板类两种情况.

  • C++模板类继承模板类

  • html_继承速查

    一、模板的继承操作步骤 注:模板只能继承一个 获取父类中被block 包裹的父类 在templates 下创建一个...

  • 5. oop继承

    JavaScript 继承实现方式 A. 类式继承 所谓类式继承,就是将子类的原型指向父类的一个实例。这样优缺点就...

  • 【重学前端】JavaScript中的继承

    JavaScript中继承主要分为六种:类式继承(原型链继承)、构造函数继承、组合继承、原型式继承、寄生式继承、寄...

网友评论

      本文标题:Javascript 类继承模板

      本文链接:https://www.haomeiwen.com/subject/hikafxtx.html