码迷,mamicode.com
首页 > 其他好文 > 详细

关于export 和 require(import)的一些技巧和常用方法

时间:2016-09-03 01:06:56      阅读:822      评论:0      收藏:0      [点我收藏+]

标签:

多重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 

总结下,有两点:

  1. 对于要导出的属性,可以简单直接挂到exports对象上

  2. 对于类,为了直接使导出的内容作为类的构造器可以让调用者使用new操作符创建实例对象,应该把构造函数挂到module.exports对象上,不要和导出属性值混在一起

exports.str = ‘a‘;  
module.exports = function fn() {};  

 

关于export 和 require(import)的一些技巧和常用方法

标签:

原文地址:http://www.cnblogs.com/CyLee/p/5836069.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!