码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • TS中export与import的用法,和Java的区别


    目录

        • export 出现位置:TS 在任意位置 ,Java 在第一行
        • import路径:TS使用from修饰路径;java 无修饰符,固定格式
        • 元素重命名:TS 支持,Java不支持
        • TS export、import 可以有多个,Java export 只能有1个
        • TS 存在 export default 命令而Java中不存在
        • TS import type 与 import 的区别
    • 关于let

    export 出现位置:TS 在任意位置 ,Java 在第一行

    	let str = "uuu";  
        //字符串
        let count = 9; //数值
        //函数
        let fn = function(){
            return "uuu"
        }
        //类
        let test =  class test {
            static a = "iii";
        }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    导出
    导出的函数声明与类声明必须要有名称(export default 命令另外考虑)。
    export 命令可以出现在模块的任何位置,但必需处于模块顶层(代码块的最外层)。
    
    • 1
    • 2
    • 3
    export { str, count, fn, test }
    
    • 1

    import路径:TS使用from修饰路径;java 无修饰符,固定格式

    import { str, count, myfn, myTest } from "./test.js";
        console.log(fn()); //uuu
        console.log(str);    //uuu
        console.log(count);  //9
        console.log(test.a );//iii
    
    • 1
    • 2
    • 3
    • 4
    • 5

    元素重命名:TS 支持,Java不支持

    
    let a = "aaaa";
    export { a as b }
    
    import { b as c } from "./test1.js";
    console.log(c); //aaaa
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6

    TS export、import 可以有多个,Java export 只能有1个

    import request from "@/utils/request";
    import { DeviceProduct } from "./data";
    import { notification } from "antd";
    
    export async function list(params: any) {
      return request(`/device-product/_query`, {
        method: 'GET',
        params: params,
      });
    }
    
    export async function saveOrUpdate(params: Partial<DeviceProduct>) {
      return request(`/device-product`, {
        method: 'PATCH',
        data: params,
      });
    }
    
    export async function saveDeviceProduct(params: Partial<DeviceProduct>) {
      return request(`/jetlinks/device-product`, {
        method: 'POST',
        data: params,
      });
    }
    
    export async function update(params: DeviceProduct, productId?: string) {
      return request(`/device-product/${productId}`, {
        method: 'PUT',
        data: params,
      });
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31

    TS 存在 export default 命令而Java中不存在

    • export default 中的 default 是对应的导出接口变量。
    • 通过 export 方式导出,在导入时要加{ },export default 则不需要。
    • export default 向外暴露的成员,可以使用任意变量来接收。
    const request = extend({
      errorHandler, // 默认错误处理
      credentials: 'include', // 默认请求是否带上cookie
    });
    export default request;
    
    • 1
    • 2
    • 3
    • 4
    • 5

    TS import type 与 import 的区别

    import type 是用来协助进行类型检查和声明的,在运行时是完全不存在的。

    关于let

    你可能已经注意到了,我们使用 let 关键字来代替大家所熟悉的JavaScript关键字 var 。 let 关键字是JavaScript的一个新概念,TypeScript实现了它。 我们会在以后详细介绍它,很多常见的问题都可以通过使用 let 来解决,所以尽可能地使用 let 来代替 var 吧。

  • 相关阅读:
    一步一步教你写kubernetes sidecar
    面向OLAP的列式存储DBMS-7-[ClickHouse]的常用DML操作
    python pymysql 查询,修改,删除数据
    vue使用keep-alive后组件生命周期的变化
    微服务面试题
    《数据库系统概论》王珊版课后习题
    CANoe-使用IG Ethernet Packet Builder实现IP包分片的若干问题
    winform使用ProcessStartInfo打印,默认打印机,选择打印机等方式
    【算子2】spark(四):spark core:trans算子中key-value类型的算子使用说明
    MySQL--- DQL查询数据信息
  • 原文地址:https://blog.csdn.net/gao511147456/article/details/126164491
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号