ES6之导入模块时的内存共享

最新推荐文章于 2022-07-29 23:03:14 发布

xiaozhen0610

最新推荐文章于 2022-07-29 23:03:14 发布

阅读量173

点赞数

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog_h2b1ij21kjkj.html

版权

前端专栏收录该内容

844 篇文章 0 订阅

订阅专栏

项目结构

主页面

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>测试</title>
        <script type="module" src="index.js"></script>
    </head>
    <body>
        
    </body>
</html>

index.js脚本

import {cruiser} from './toyato.js';
import {discovery} from './land-rover.js';
import {tire} from './tire.js';

console.log(`轮胎使用厂家数量: ${tire.count}`);

toyato.js

import {tire} from './tire.js';

tire.count++;

export let cruiser = {
    name : 'Land Cruiser'
};

land-rover.js

import {tire} from './tire.js';

tire.count++;

export let discovery = {
    name : 'Land Rover Discovery'
};

tire.js

// 导出一个轮胎对象

export let tire = {
    name : 'BRIDGESTONE',
    count : 0
};

运行结果

优惠劵

xiaozhen0610

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ES6之导入模块时的内存共享

项目结构主页面<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>测试</title> <script type="module" src="index.js"></script> </head> <body> &
复制链接

扫一扫