JavaScript:export 和 export default

文章目录

  • export
  • export default
  • export 和 export default都使用

在JavaScript ES6的模块系统中,export 和 export default 都是用来导出模块中对外可见的变量、函数、类或对象的语法,但是它们的作用和使用方式有所不同:

export

export 关键字用于导出模块中的多个命名输出,每个导出项都有一个名称,外部模块可以通过这个名称来导入:

// module1.js
export const pi = 3.14159;
export function calculateArea(radius) {return pi * radius * radius;
}

导入时需指定导出的名称

// main.js
import { pi, calculateArea } from './module1.js';
console.log(pi); // 输出3.14159
console.log(calculateArea(2)); // 输出12.56636

export default

export default 用于导出模块的默认输出,一个模块只能有一个默认输出。导入时不需指定名称,可以根据需要自行命名

// module2.js
export default function add(a, b) {return a + b;
}

导入时可以任意命名

// main.js
import sum from './module2.js'; // 可以命名为sum,也可以是其他任何名称
console.log(sum(3, 5)); // 输出8

export 和 export default都使用

如果模块同时使用了 export 和 export default,那么可以混合导入

// module3.js
export const number = 42;
export default function multiply(a, b) {return a * b;
}// main.js
import multiply, { number } from './module3.js';
console.log(number); // 输出42
console.log(multiply(3, 5)); // 输出15

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/718972.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

四种垃圾回收算法

1.标记清除算法 该算法先标记,后清除,将所有需要回收的算法进行标记,然后清除;这种算法的缺点是:效率比较低;标记清除后会出现大量不连续的内存碎片,这些碎片太多可能会使存储大对象会触发GC回…

【设计模式】观察者模式及函数式编程的替代C++

本文介绍观察者模式以及使用函数式编程替代简单的策略模式。 观察者模式 观察者模式是一种行为型设计模式,它定义了一种一对多的依赖关系,当一个对象的状态发生改变时,其所有依赖者都会收到通知并自动更新。 当对象间存在一对多关系时&#…

Spring中Bean的作用域、实例化方式、生命周期、循环依赖问题

Spring中Bean的作用域、实例化方式、生命周期、循环依赖问题 一、Bean的作用域1.singleton2.prototype3.其他scope值 二、Bean的实例化方式1.通过构造方法实例化2.通过简单工厂模式实例化3.通过factory-bean实例化4.通过FactoryBean接口实例化5.BeanFactory和FactoryBean的区别…

【大厂AI课学习笔记NO.60】(13)模型泛化性的评价

我们学习了过拟合和欠拟合,具体见我的文章:https://giszz.blog.csdn.net/article/details/136440338 那么今天,我们来学习模型泛化性的评价。 泛化性的问题,我们也讨论过了,那么如何评价模型的泛化性呢? …

激光SLAM技术助力富唯智能复合机器人的应用场景无限拓展

随着科技的不断进步,智能机器人已成为现代工业、服务、医疗等多个领域的重要角色。而在这一变革中,激光SLAM技术发挥着至关重要的作用。特别是对于富唯智能复合机器人来说,激光SLAM技术不仅提升了其智能化水平,更使其应用场景变得…

esp3455235

在这里插入代码片gdasgdsfgdfh dfahahdfh

【促销定价】背后的算法技术3-数据挖掘分析

【促销定价】背后的算法技术3-数据挖掘分析 01 整体分析1)整体概览2)类别型特征概览3)数值型特征概览 02 聚合分析1)天维度2)品维度3)价格维度4)数量维度 03 相关分析1)1级品类2&…

无公网ip环境使用DS file软件远程访问内网群晖NAS中储存的文件

文章目录 1. 群晖安装Cpolar2. 创建TCP公网地址3. 远程访问群晖文件4. 固定TCP公网地址5. 固定TCP地址连接 DS file 是一个由群晖公司开发的文件管理应用程序,主要用于浏览、访问和管理存储在群晖NAS(网络附加存储)中的文件。这个应用程序具有…

echarts如何实现3D饼图(环形图)?

一、实现的效果 二、具体步骤 1.安装依赖 npm install echarts 2.引入echarts import * as echarts from echarts; 注意:这里需要用到echarts-gl,必须单独引入才可以 import echarts-gl; 3.echarts部分代码 我知道这部分内容很多,但只要cv…

社情民意调查的内容

本文由群狼调研(长沙社情民意调查)出品,欢迎转载,请注明出处。社情民意调查的内容通常包括以下几个方面: 1.社会热点问题:针对当前社会热点问题进行调查,收集公众对该问题的态度和看法&#xf…

羊大师揭秘羊奶与健康,美味的保健佳品

羊大师揭秘羊奶与健康,美味的保健佳品 羊奶确实是一种美味且健康的保健佳品,其独特的营养成分和风味使其成为许多人的健康选择。以下是一些羊奶与健康的关系: 营养丰富:羊奶含有丰富的蛋白质、脂肪、矿物质和维生素,…

ruoyi-nbcio-plus的Vue3前端升级组件后出现的问题(一)

更多ruoyi-nbcio功能请看演示系统 gitee源代码地址 前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio 演示地址: http://122.227.135.243:9666 更多nbcio-boot功能请看演示系统 gitee源代码地址 后端代码: https://gitee.com/nbach…

大模型ChatGLM-6B实现本地部署

大模型ChatGLM-6B实现本地部署 一、写在前面:二、ChatGLM-6B下载:三、项目所需要的环境配置:四、项目运行:五、遇到的主要问题及解决 一、写在前面: 1、 确保你的电脑中已安装git,git lfs。 2、确保你的电…

浅析前端的堆栈原理以及深浅拷贝原理

浅析前端的堆栈原理以及深浅拷贝原理 首先来看一个案例 const obj {name:hzw,age:18 } let objName2 obj objName2.age 12 console.log(obj,objName2) // {name: hzw, age: 12} {name: hzw, age: 12}这里是不是很奇怪,为什么,为什么我改变objName2的…

Hierarchical Text-ConditionalImage Generation with CLIP Latents笔记

1 Title Hierarchical Text-Conditional Image Generation with CLIP Latents(Aditya Ramesh、Prafulla Dhariwal、Alex Nichol、Casey Chu、Mark Chen) 2 Conclusion Contrastive models like CLIP have been shown to learn robust representations …

read()函数

read() 函数用于从文件描述符&#xff08;通常是套接字、文件等&#xff09;读取数据。 #include <unistd.h>ssize_t read(int fd, void *buf, size_t count);fd&#xff1a; 是文件描述符&#xff0c;可以是套接字、文件等。 buf&#xff1a; 是一个指向要读取数据的缓…

AirPods Pro 2 耳机推送新固件,苹果Find My功能助力产品成长

苹果公司面向 AirPods Pro 2&#xff08;包括 USB-C 和 Lightning 版本&#xff09;&#xff0c;推出了全新的测试版固件更新&#xff0c;版本号为 6E188&#xff0c;高于 12 月份发布的 6B34 固件。 苹果和往常一样&#xff0c;并没有提供详细的更新日志或者说明&#xff0c…

算法刷题day20:二分

目录 引言概念一、借教室二、分巧克力三、管道四、技能升级五、冶炼金属六、数的范围七、最佳牛围栏 引言 这几天一直在做二分的题&#xff0c;都是上了难度的题目&#xff0c;本来以为自己的二分水平已经非常熟悉了&#xff0c;没想到还是糊涂了一两天才重新想清楚&#xff0…

力扣区间题:合并区间、插入区间

我们可以将区间按照左端点升序排列&#xff0c;然后遍历区间进行合并操作。 我们先将第一个区间加入答案&#xff0c;然后依次考虑之后的每个区间&#xff1a; 如果答案数组中最后一个区间的右端点小于当前考虑区间的左端点&#xff0c;说明两个区间不会重合&#xff0c;因此…

Java基于springboot的课程作业管理系统

摘 要 随着科学技术的飞速发展&#xff0c;社会的方方面面、各行各业都在努力与现代的先进技术接轨&#xff0c;通过科技手段来提高自身的优势&#xff0c;课程作业管理系统当然也不能排除在外。课程作业管理系统是以实际运用为开发背景&#xff0c;运用软件工程原理和开发方法…