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

      

  • 相关阅读:
    05-----数据类型转换
    04-----赋值运算符
    03-----数据类型
    02-----第一个JavaScript代码
    Fxx and game
    Bomb
    Stammering Aliens
    DISUBSTR
    Life Forms
    后缀数组二·重复旋律2
  • 原文地址:https://www.cnblogs.com/xiaohaha668/p/10676513.html
Copyright © 2011-2022 走看看