美文网首页
ES6快速学习(五)面向对象

ES6快速学习(五)面向对象

作者: slTrust | 来源:发表于2017-12-08 13:59 被阅读0次

ES6之前的面向对象使用函数模拟的 并非真正意义上的面向对象

始终坚信一句话 系统提供的API永远是最好的


以前的面向对象
各种恶心复杂版本的实现我就不说了
我才你肯定要问?(好奇害死猫)
自己看高三第六章

       function Person(name,age){
            this.name=name;
            this.age=age;
        }
        Person.prototype.showName=function(){
            return this.name;
        };
        Person.prototype.showAge=function(){
            return this.age;
        };

        //继承
        function Worker(name,age,job){
            Person.apply(this,arguments);
        }
        Worker.prototype=new Person();
        Worker.prototype.constructor=Worker;

        var p1=new Person('aaa',30);
        var w1=new Worker('bbb',10,'上学');

//        alert(p1.showName());
        alert(w1.showName());

真正意义上的面向对象

简易版

class Person{
    constructor(name,age){  //构造函数
        this.name=name;
        this.age=age;
    }
   showName(){
       return this.name;
   }
}

var p1=new Person('bbb',40);
alert(p1.showName());

继承

class Person{
    constructor(name,age){  //构造函数
        this.name=name;
        this.age=age;
    }
    showName(){
        return this.name;
    }
}
        //继承
class Worker extends Person{
    constructor(name,age,job){
        super(name,age);
        this.job=job;
    }
    showJob(){
        return this.job;
    }
}

var p1=new Person('bbb',40);
var w1=new Worker('aaa',10,'学生');

alert(p1.showJob);
//alert(w1.showJob());

相关文章

  • ES6快速学习(五)面向对象

    ES6之前的面向对象使用函数模拟的 并非真正意义上的面向对象 始终坚信一句话 系统提供的API永远是最好的 以前...

  • JavaScript之面向对象编程

    五、面向对象编程 目录:面向对象原型继承、面向对象class继承(ES6引入的) 1.面向对象原型继承 类:模板 ...

  • 面向对象的小九九

    面向对象 本人能力有限,有误请斧正 本文旨在复习面向对象(不包含es6) 本文学习思维 创建对象的方式,获取对象属...

  • ES6面向对象

    1、ES6面向对象: class(类) 构造函数 对象 实例对象 ES5面向对象是模拟面向对象。 2、继...

  • ES6的面向对象

    ES6面向对象 [TOC] 继承:

  • spring boot+scala编写web接口

    本人是Java开发者,有面向对象的基础,而Scala也是面向对象的语言,学习后可快速入门。通过学习Scala的面向...

  • JavaScript 面向对象编程

    写法 ES6面向对象的写法---类继承

  • 20-OOP类与对象

    面向对象 Object Oriented 学习面向对象:XXOO 面向对象的学习: 面向过程和面向对象的区别: 面...

  • 第五天

    第五天-纠结的面向对象(Object-Oriented,OO) 今天直接进入了Java的面向对象的学习,面向对象是...

  • JavaScript OOP篇

    参考资料 JavaScript面向对象简介 ES6对象的拓展 ES6 class 前言 本篇主要介绍 JavaSc...

网友评论

      本文标题:ES6快速学习(五)面向对象

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