首页 > 代码库 > 关于export 和 require（import）的一些技巧和常用方法
关于export 和 require（import）的一些技巧和常用方法
多重export
//export
export const setError = ({dispatch}, error) => { dispatch(‘SET_ERROR‘, error)}export const showError = ({dispatch}) => { dispatch(‘SET_ERROR_VISIBLE‘, true)}export const hideError = ({dispatch}) => { dispatch(‘SET_ERROR_VISIBLE‘, false)}
//import
import {setError,showError,hideError} from ‘./xxxx‘;Action.setError
//或者
import Action from ‘./xxxxx‘;Action.setError
//require
let abc = require(‘./xxxxx‘);abc.setError()
export default {} 的 方式
注意，1、这里的"default"可以为任何自定义名称、比如abc;
2、require的话还需要加上一个“default”对象，但如果是import的话就不需要。
//export
const incrementCounter = function ({dispatch,state}){ dispatch(‘INCREMENT‘)}export default { incrementCounter}
//require
let myAction = require(‘xxxxx‘);
myAction.default.incrementCounter()
//import
import myAction from ‘./xxxx‘;
myAction.incrementCounter()
exports 和 module.exports
总结下，有两点：
对于要导出的属性，可以简单直接挂到
exports对象上对于类，为了直接使导出的内容作为类的构造器可以让调用者使用new操作符创建实例对象，应该把构造函数挂到
module.exports对象上，不要和导出属性值混在一起
exports.str = ‘a‘; module.exports = function fn() {};
关于export 和 require（import）的一些技巧和常用方法
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。