美文网首页
ES6继承的一些使用方法

ES6继承的一些使用方法

作者: _如图所示 | 来源:发表于2018-11-27 13:18 被阅读0次

ES6中继承的一种使用方法,直接上代码
baseObject.js


export default class BaseObject{
    constructor(){
 // constructor用于将被继承对象(父)的this传递给继承对象(子),如果不写,对象会默认有 
 // constructor

    }

    static New(obj){  //静态方法,obj为形参
        let self = new this;
        for(let k in obj){
            if(self.hasOwnProperty(k)){
                self[k] = obj[k];
            }
        }
        return self;
    }
}

admin.js


import BaseObject from './baseObject'

class Admin extends BaseObject{ //使对象Admin继承了BaseObject,其具有下面的属性,以及New()方法
    id = '';
    account = '';
    password = '';
    nickname = '';
    avatar = '';
}

export default Admin

使用


//1. 生成一个新的对象
let test = Admin.new()
//2.将已有的对象属性混入
let option = {
    id="test";
    account="12345";
}

console.log试一下吧

相关文章

  • ES6继承的一些使用方法

    ES6中继承的一种使用方法,直接上代码baseObject.js admin.js 使用 console.log试一下吧

  • 继承方式

    es6的继承: es6的继承写法简洁方便,十分直观。 es5的继承:(只推荐组合继承--最常用) 组合继承 除了S...

  • react组件

    es6 的class类的继承 运用es6 class继承 通过继承React.Component类来定义一个组件

  • 继承

    老版继承 call () ES6继承 extends 继承super 超类/父类

  • iOS三种方法-增大Button的点击范围

    方法一: 继承UIButton 使用方法:直接继承使用 方法二:(推荐使用) UIButton分类 使用方法:bu...

  • ES6之类的方式完成继承

    继承 在ES6之前要完成继承,需要写很多的代码。看下面的继承的例子: 1 继承的基本写法 如果在ES6通过类的...

  • es5 es6静态方法、类、单例模式

    es5中的类和静态方法 es5继承 es6中的类 es6里面的继承 es6里面的静态方法 es6单例模式 转载:h...

  • ES6的面向对象

    ES6面向对象 [TOC] 继承:

  • 构造函数

    es5 es6 继承

  • JavaScript的多态和封装

    在之前的文章中我们已经介绍了JavaScript的继承包含了ES5和ES6的版本。 ES5继承 传送门 ES6继承...

网友评论

      本文标题:ES6继承的一些使用方法

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