Javascript(es2016) import和require用法和区别
来源:互联网 发布:贝叶斯网络分析软件 编辑:程序博客网 时间:2024/04/20 01:13
写个简单js文件,假设名字为:lib.js 。 假设内容如下:
export const sqrt = Math.sqrt;export function square(x) { return x * x;}export function diag(x, y) { return sqrt(square(x) + square(y));}
这样就可以在其他地方对lib中定义的属性和方法进行引用,引用方法有两种,也就时import和require。
//方法一import { square, diag } from 'lib';console.log(square(11)); // 121console.log(diag(4, 3));//方法儿import * as lib from 'lib';square = lib.square;
还可以设置默认的导出信息,就需要崽lib.js中定义 export default {}。default后面可以接一个参数,也可以接一个数组。书写方法为:
//------ module1.js ------export default 123;//------ module2.js ------const D = 123;export { D as default };
通常比较习惯用第一种。然后用import就可以得到这个数组或则参数。但是import只能用于静态导入,就是必须在文件开始的时候,在最上层就写好。而require就可以实现动态加载。
const incrementCounter = function ({dispatch,state}){ dispatch(‘INCREMENT‘)}export default { incrementCounter}//requirelet myAction = require(‘xxxxx‘);myAction.default.incrementCounter()
0 0
- Javascript(es2016) import和require用法和区别
- es6 import和require用法和区别
- js import和require用法的区别
- require和import的区别
- require和import的区别
- javascript 中的require /exports 和import/export
- webpack中require和import的区别
- webpack中require和import的区别
- webpack中require和import的区别
- JS 中的require 和 import 区别
- require/exports和import/export的区别
- require 和 include 用法区别
- 深谈require和import
- import和require
- 浅谈require和import
- Node中的require和import用法详细介绍
- quick源文件中关于import和require的区别
- css link和@import区别用法
- Mac OS X安装gnu-sed等命令行工具
- lightoj-1122-Digit Count【DP】
- 洛谷 P1030 求先序排列
- LeetCode解题报告 53. Maximum Subarray [medium]
- Retrofit实现持久化Cookie的三种方案
- Javascript(es2016) import和require用法和区别
- 每次推荐一个----Android Studio中的几个比较重要的快捷键ctrl+shift+i
- 某公司月饼事件说开去
- 分治算法
- 杭电 2011
- HONOR-MILTER 荣耀邮件内容过滤系统
- LeetCode_21
- 数据库的学习记录(一)
- oracle中的伪列 rownum