TypeScript 中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

	let str = "uuu";  
    //字符串
    let count = 9; //数值
    //函数
    let fn = function(){
        return "uuu"
    }
    //类
    let test =  class test {
        static a = "iii";
    }

导出
导出的函数声明与类声明必须要有名称（export default 命令另外考虑）。
export 命令可以出现在模块的任何位置，但必需处于模块顶层(代码块的最外层)。

export { str, count, fn, test }

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

let a = "aaaa";
export { a as b }

import { b as c } from "./test1.js";
console.log(c); //aaaa

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) {
  return request(`/device-product`, {
    method: 'PATCH',
    data: params,
  });
}

export async function saveDeviceProduct(params: Partial) {
  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,
  });
}

• export default 中的 default 是对应的导出接口变量。
• 通过 export 方式导出，在导入时要加{ }，export default 则不需要。
• export default 向外暴露的成员，可以使用任意变量来接收。

const request = extend({
  errorHandler, // 默认错误处理
  credentials: 'include', // 默认请求是否带上cookie
});
export default request;

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

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