ECMAScript 中 的export 转发

最新推荐文章于 2024-07-27 23:58:43 发布
最新推荐文章于 2024-07-27 23:58:43 发布
阅读量524 收藏
点赞数
分类专栏： 开发规范 文章标签： javascript 前端 es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44607221/article/details/122131718
版权 
// ----- head.js -----

export const eye = '纯洁的'
export const nose = '挺拔的'

export default {
    eye,
    nose
}





// ----- index.js -----

// 想实现
// import { eye, nose } from './head.js'
// export { eye, nose }

export { eye, nose } from './head.js'


// 想改名

export { eye as pureEye, nose as loftyNose } from './head.js'


// 把 head.js 所有的(default/eye/nose)导出

export * from './head.js'
export * as headObj from './head.js'



// index.html

<body>
    
    // 静态加载，后面无法拿到js里的变量
    <script type="module" src="./index.js"></script>

    // 要想和数据互动
    <script type="module">
    import index from './index.js'
    // do someting ...

  </script>

</body>

 

S.U.C.wxp
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2023年前端面试汇总-React
越陌度阡
06-29 813
React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event
Vue中常见问题汇总及解决方案（二）
最新发布
小刘哥的博客
07-30 483
检查你是否在 Vue 实例中引用了一个未定义或未注册的组件。确保在引用组件之前,你已经正确地定义和注册了该组件。
[ECMAScript] module、export、import分别有什么作用？
歌谣的博客
12-06 532
[ECMAScript] module、export、import分别有什么作用？ import导入模块功能。import导入的只是一个只读引用，等到脚本执行时根据引用才到模块里去取值。这也就是import可以按需加载的原因。 export 指定输出的代码 module 要在js中使用ES6的import。<script type="module "></script >，script 的type定义为module 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易.
ECMAScript 2015(ES6)：import和export命令
Mr.Kawhi的博客
11-09 2568
前端是什么时候开始流行模块化的，我不知道，我大概也没有经历过，当Brendan Eich用不到10天的时间写完JavaScript的时候，我可能还不会走路。从前端模块化的进程开始，本文首先对基于AMD和CMD的两种模块化实现方式做了简单介绍，接着对ES6中模块化的特性和实现做了详细的介绍，在最后一部分关于模块化特性的使用做了延伸。
ECMAScript 6 模块之import 和 export
sxs7970的博客
12-02 758
文章目录ES6 模块化的导入和导出第一步第二步第三步第四步整体代码结构 ES6 模块化的导入和导出 *注！*本篇是根据个人理解所写的一个非常简单的导入导出，有帮助则用之，有错或者有更好的理解可以提出，共同学习。 注：下面后缀.js文件的命名都是自己命名的！ 第一步 先创建好自己文件夹，创建HTML页面，然后在页面中，添一个vue的坑&lt;div id="app"&gt;&lt;/div&gt...
export与export default的区别
qq_52065282的博客
03-22 503
export 用于规定模块的对外接口 举例 //第一种 export var a=200; //第二种 var a=290; var b=23; export {a,b}; //第三种 export function fn(x,y){ return x+y; }//同一个js文件中可使用多个export导出方法 export default是模块指定默认输出 不用阅读文档就加载模块 举例 //第一种 const aa=23; export default aa; //第二种
export用法
weixin_42187676的博客
10-10 378
export 后面跟着不是default的情况，1.可以采用对象{}的方式引入2.可以采用 * as util方式引入
ECMAScript2020【ES11】使用教程
微光·火炬
05-17 487
2015.6：正式发布ES6 ES2016还包括了一个新的乘方运算的支持，并增加了一个新的方法Array.prototype叫includes。 ECMAScript 2017引入了异步功能 异步函数通过为承诺返回函数提供语法来改善异步编程体验。它还包括对象的静态方法：Object.values，Object.entries，和Object.getOwnPropertyDescriptors。 ECMAScript 2018通过AsyncIterator协议和异步生成器引入了对异步迭代的支持。它还包括四个新
【vue】Nodejs & npm ECMAScript6 路由 webpack打包 vue_cli(脚手架)
snailisBigbull的博客
08-22 587
一.前端技术 1.1 课程安排 1.2 前端技术认识(了解一下下) 1.2.1 前端发展历史 1.2.2 新概念解释 1.2.2.1 Node.js 1.2.2.2 各种前端框架介绍 1.2.2.3 MVVM模式认识 ...
【愚公系列】《AIGC辅助软件开发》015-AI辅助前端编程：利用 ChatGPT 写代码
时光隧道
07-27 1万+
在数字化时代的浪潮中，前端开发面临着日益增长的挑战与机遇。随着用户对网站与应用体验的要求不断提高，开发者们需要更高效、更智能的工具来提升工作效率。近期，人工智能技术的迅猛发展为这一领域带来了新的变革，尤其是像 ChatGPT 这样的 AI 模型，成为了开发者的得力助手。本文将探讨如何利用 ChatGPT 来辅助前端编程，从代码生成到问题解决，我们将分享实际案例与技巧，帮助你在开发过程中事半功倍。无论你是前端开发的新手，还是经验丰富的工程师，相信这篇文章都能为你提供新的视角与灵感。
import、export、export default、as的使用
天高任鸟飞
06-10 2237
目录前言一、export二、export default三、as 示例1 示例2 示例3总结export 与import是es6中新增模块功能最主要的两个命令。 1.export与export default均可用于导出常量、函数、文件、模块等 2.在一个文件或模块中，export、import可以有多个，export default仅有一个 3.通过export方式导出，在导入时要加{ }，export default则不需要{ }使用export抛出的变量需要用{}进行import
import、export、export default的用法
yml15180824993的博客
08-03 6799
export、export default、import的用法，使用场景和区别
export，import，export default用法
m0_37715518的博客
04-11 379
用法1、export {} 和 import{} from ‘’ const test_name = ‘this is test_name’; function say_name(){ console.log(test_name ) } export {test_name,say_name} //vue文件 import { test_name, say_name } from ‘…/helper...
js import export用法
yanmei2017的博客
01-16 297
一直迷迷糊糊的,那今天就搞清楚吧！ import * as baseUrls from ‘./base’: 对应的base.js如下： export const getDistrictOfProvince='/dev/getDistrictOfProvince' export const getUserInfo='/dev/getUserInfo' import getDistrictOf...
export * as name1 from …； webpack4报错
weixin_40829615的博客
06-05 434
在 Webpack 5 之前，Webpack 对 export * as name1 from …这种导出语法不支持，导致报错。
import * as 是什么？
热门推荐
qq_45463384的博客
07-22 1万+
1.import 在导入模块中的变量的时候 需要 import { a, b, c, d } from ‘./api.js’ 这样一个一个的导入。 2.如果你想一次性全部导入模块的所有变量就可以使用 * as 代表全部 例子： // methods.js文件 export const abc = () => { console.log(' abc ') } export const ced = () => { console.log(' ced ') } ...
export { default as用法——as-重命名
seimeii的博客
10-10 2257
export { default as用法——as-重命名
export 与export default区别
xcxiang的博客
02-18 4276
1、ES6之前的模块化JavaScript最初被设计时并不是用来大型应用的，所以在其设计中也并没有模块化标准。随着其应用越来越广泛，一些开源社区和开发者提出了一些模块标准，如：CommoneJS模块化、异步模块定义（AMD）等。这些规范在提出后得到了广泛关注，并逐步被应用到了一些企业级的大型应用。CommoneJS模块化：该标准最成功的应用是Node.js（Node.js在CommoneJS的基础上
es6 export与import的复合写法
歪脖先生的博客
02-04 3592
export与import的复合写法 如果在一个模块之中，先输入后输出同一个模块，import语句可以与export语句写在一起。 export { foo, bar } from 'my_module';// 等同于import { foo, bar } from 'my_module';export { foo, bar }; 上面代码中，export语句和import语句可以结
ecmascript中文回答
03-29
ECMAScript是一种脚本语言标准，它规定了JavaScript语言的语法和语义。它是由ECMA（欧洲计算机制造商协会）制定的，旨在...JavaScript是基于ECMAScript标准开发的一种脚本语言，它是Web前端开发中最常用的语言之一。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值