首页 > 编程语言 >javascript - 将 es5 迁移到 es6 export default

javascript - 将 es5 迁移到 es6 export default

时间:2023-09-04 17:12:59浏览次数:53  
标签:es6 es5 lib Lib ... default export foo1 foo2

我正在尝试将代码从 es5 迁移到 es6,我在这两个方面都很新,如果有人能帮助我,我将非常感激。

es5版本:

lib.js

module.exports = {
    foo1: function () { 
        this.foo2() {
           ... 
        }
    },
    foo2: function () { 
        ...
    }
}
主要.js

const Lib = require("./lib");
Lib.foo1( { ... });
es6 版本 - 我正在尝试:

lib.ts

export default { 
    foo1() {
        this.foo2(() => {
            ... 
        });                 
    },
    foo2(){ ... }
}
主要.ts

import * as Lib from "./lib";
Lib.foo1({ ... })
问题是在我的main.ts foo1无法解决。 有什么想法或建议吗?

谢谢!

module.exports  要转化为  export default

另外  require方式要改为 import

var util = require('../../utils/util.js');
import util from '../../utils/util.js'

标签:es6,es5,lib,Lib,...,default,export,foo1,foo2
From: https://www.cnblogs.com/xkcp008/p/17677580.html

相关文章

  • ES6 简单回顾
    针对Vue中使用的ES6的知识点进行基本的回顾。关键字变量常量、解构赋值、模板字符串、扩展运算符对象声明简写、箭头函数1.变量、常量1.1变量声明变量可以使用var和let,其中var对于语法规则的要求并不严格,而let声明变量较之严格了许多,let声明变量可以联系J......
  • 开课吧前端1期.阶段1:初识ES6和ES6兼容性和新特性
    1、ECMAScript和JavaScript关系ECMA是标准,JS是实现  类似于HTML5是标准,IE10,Chrome谷歌,FireFox火狐都是实现换句话说,将来也可能有其他,XX某某Script来实现ECMA标准 ECMAScript简称ECMA或ES  目前也只有JavaScript实现,所以可以理解ECMAScript==JS目前版......
  • mysql数据库运行sql:datetime(0) NULL DEFAULT NULL报错【杭州多测师_王sir】
     一、错误信息CREATETABLE`file`(`id`varchar(32)CHARACTERSETutf8mb4COLLATEutf8mb4_general_ciNOTNULLCOMMENT'文件md5',`name`varchar(128)CHARACTERSETutf8mb4COLLATEutf8mb4_general_ciNOTNULL,`create_time`datetime(0)NULLDEFA......
  • <mvc:annotation-driven>和DefaultAnnotationHandlerMapping
    spring配置拦截器有两种方式: <mvc:annotation-driven/><!--*************openSessionInViewInterceptor*************--><beanid="openSessionInViewInterceptor"class="org.springframework.orm.hibernate3.support.OpenSessionInViewInt......
  • ArrayList源码阅读之EMPTY_ELEMENTDATA和DEFAULTCAPACITY_EMPTY_ELEMENTDATA区别
    /***Sharedemptyarrayinstanceusedforemptyinstances.*/privatestaticfinalObject[]EMPTY_ELEMENTDATA={};/***Sharedemptyarrayinstanceusedfordefaultsizedemptyinstances.We*distinguishthisfromEMPTY_ELEMENTDATAtoknowhowmuchtoi......
  • el-tree 折叠节点时去掉 defaultExpandedKeys 中已折叠的节点及其子节点
    问题场景树形节点默认是全部折叠的。展开节点A,再把它折叠。然后给节点B新增子节点,新增成功后刷新树,却发现节点A是展开的。原因分析树刷新后全部节点都默认是折叠的,除非defaultExpandedKeys数组中有数据(这些节点数据是展开的)。因此,只需要在折叠节点A时,在defaultExpandedKeys......
  • 手写ES6.0-flat()
    一、问题描述已有多级嵌套数组:[1,[2,[3,[4,5]]],6]将其扁平化处理,输出:[1,2,3,4,5,6]二、详细描述题目表示对于一个多维的数组,需要构建一个方法,将其直接转化为一个一维数组的输出三、解法思路(一)递归1.思路查看题目的表述就可发现,其实数组中的每一个元素都是整......
  • 15 JavaScript ES6中的箭头函数
    15JavaScriptES6中的箭头函数什么是箭头函数ES6中允许使用=>来定义函数。箭头函数相当于匿名函数,并简化了函数定义。基本语法//箭头函数letfn=(name)=>{//函数体return`Hello${name}!`;};//等同于letfn=function(name){//函数体......
  • swift--使用UserDefaults来进行本地数据存储
    UserDefaults适合轻量级的本地客户端存储,存储一个值,新值可以覆盖旧值,可以重复存储,也可以存储一次,然后直接从UserDefaults里面读取上次存储的信息,很方便,用的时候,宏定义下,直接调用!轻量级数据库的话,移动端一般使用SQlite数据库,也是一款轻量级的适合移动端设备的数据库,具体可以参考我以......
  • vue中export default data()外面的数据如何通过$t获取动态值
    如果将数据放到外面的`const`中,而不是在Vue组件的`data`选项中,那么无法直接通过`$t`方法来获取翻译文件的值。因为`$t`方法是Vue-i18n插件提供的实例方法,需要在Vue组件中使用。如果你想在外部使用`$t`方法来获取翻译文件的值,可以将Vue-i18n的实例导出,并在外部文件中引入该实例来......