介绍 1。当文件存放着很多方法,变量不同场景需要引用不同方法,请用出口
2.当类只有某几个方法,并且每次引用都需要用到里面的大部分方法,请用出口违约,
毕竟还有方法提示
3.当值导出一个方法,类请用出口违约
4 .如果一个文件只会被某一个其他文件的子文件,不会被其他文件引用,并且其中的方法都会被用的到,
考虑用出口违约。比如某个业务文件夹下的行动。js,用的时候用从& # 39;进口api。/行动# 39;;
方便识别,不用重复进口的在{}中添加,也可以用方法提示。
4.如果一个文件兼有以上需求可以同时出口和出口默认
小编给大家分享一下出口和出口违约的示例分析,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!
网上有很多关于出口和出口默认的文章,他们大部门都是只讲了用法,但是没有提到性能,打包等关键的东西。
大家应该应该能理解进口* & # 39;xxx # 39;会把文件中导出默认的内容都打包到文件中,而进口{func} & # 39; xxx # 39;只会把文件中的func导入,这样势必出口会比出口默认打包的少。看例子
跑龙套。js
从“进口{呈现}react-dom";
从& # 39;进口常见。/常见# 39;;
类索引扩展组件{
呈现(){
common.func1 ();
回报(
123456
)；
}
}
呈现(& lt;指数/祝辞,. getelementbyid(& # 39;应用# 39;)); 用这种出口违约的方法那么打包的文件会是怎么样的呢?我们看看
我们发现整个文件被打包了
用另一种方式
跑龙套。js
从“进口{呈现}react-dom";
从& # 39;进口{func1}。/常见# 39;;
类索引扩展组件{
呈现(){
func1 ();
回报(
123456
)；
}
}
呈现(& lt;指数/祝辞,. getelementbyid(& # 39;应用# 39;)); 结果:
只打包了func1
综上出口默认确实可能会打包更多不需要的内容,但是在某些场景用出口默认更好。
所以总结如下:
看完了这篇文章,相信你对出口和出口违约的示例分析有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
