(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
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步