zoukankan      html  css  js  c++  java
  • (es6学习笔记05)class类的使用和模块化操作

    class类的使用

    class Coder {
        name(val){
            console.log(val);
            return val;
        }
        add(){
            return this.a+this.b;
        }
        constructor(a,b){//类的传参
            this.a=a;
            this.b=b;
        }
        
    }
    let jsp=new Coder(1,2);
    console.log(jsp.add());
    jsp.name('jspang');
    //类的继承(我的理解是把Coder复制了一边,粘贴到了htmler上边)
    class htmler extends Coder{
        adds(val) {
            console.log(val)
        }
    }
    let pang=new htmler;
    pang.name('技术胖');
    pang.adds('haha ');

    模块化操作

      export :负责进行模块化,也是模块的输出。

      import : 负责把模块引,也是模块的引入操作。

      需要新建立一个模板temp.js,在index里边引入temp

      引入方式:import {a,add} form './temp';   

       ------ 没有使用default,需要带大括号,名字和模板名字一致,

      ------- 如果使用了default就不能带有大括号,名字可以重新自定义

      as的用法

      

    var a ='jspang';
    var b ='技术胖';
    var c = 'web';
    export {
        a as x,
        b as y,
        c as z
    }
    //用的时候引入xyz就好了

     运行babel-node index.js

      

  • 相关阅读:
    家庭记账本开发进度6
    家庭记账本开发进度5
    家庭记账本开发进度4
    家庭记账本开发笔记3
    大道至简阅读笔记01
    个人作业 数组(续)
    二维数组
    个人作业1-数组
    软件工程第一周开课微博
    第一周学习进度条报告
  • 原文地址:https://www.cnblogs.com/xiaohaha668/p/10676513.html
Copyright © 2011-2022 走看看