Javascript(es2016) import和require用法和区别

require 是赋值过程并且是运行时才执行， import 是解构过程并且是编译时执行。require可以理解为一个全局方法，所以它甚至可以进行下面这样的骚操作，是一个方法就意味着可以在任何地方执行。而import必须写在文件的顶部。
var a = require(a() + ‘/ab.js’)
require的性能相对于import稍低，因为require是在运行时才引入模块并且还赋值给某个变量，而import只需要依据import中的接口在编译时引入指定模块所以性能稍高

在commom.js 中module.export 之后导出的值就不能再变化，但是在es6的export中是可以的。

----------------------------------------------------------------------------------------------------------------------------------------

写个简单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)); // 121
console.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
}
//require
let myAction = require(‘xxxxx‘);
myAction.default.incrementCounter()

Javascript(es2016) import和require用法和区别相关推荐

es6 import和require用法和区别
写个简单js文件,假设名字为:lib.js . 假设内容如下: export const sqrt = Math.sqrt; export function square(x) {return x * ...
路由懒加载import和require用法的区别
vue-router同步和异步普通用法: // 普通import同步加载用法 import HelloWorld from "@/components/HelloWorld.vue" ...
import和require的区别
原文地址:https://www.cnblogs.com/sunshq/p/7922182.html import和require的区别 node编程中最重要的思想就是模块化,import和requi ...
Javascript:history.go()和history.back()的用法和区别
Javascript:history.go()和history.back()的用法和区别简单的说就是:go(-1): 返回上一页,原页面表单中的内容会丢失:back(): 返回上一页,原页表表单中 ...
import与require的区别
载入一个模块 import() 与 require() 功能相同,但具有一定程度的自动化特性. 假设我们有如下的目录结构: ~~~ app/ app/classes/ app/classes/MyCl ...
import 和 require
目录一.JavaScript 二.webpack 1.require.context 2.require.ensure 一.JavaScript JS 中的require 和 import 区别二 ...
微信小程序开发之——import、require和include
一概述 require:js代码中引用其他js模块代码 include:wxml文件中引用template模板文件 import:既可以在js代码中导入模块代码,又可以在wxml或wxss文件中导入 ...
python 捕捉 ctrl+c 异常方法, os._exit() 和 sys.exit() 的用法和区别
这里写自定义目录标题 python 捕捉 ctrl+c 异常方法第一种方法第二种方法使用 signal 模块 python 中 os._exit() 和 sys.exit() 的用法和区别概述 ...
Java多线程问题--schedule函数和scheduleAtFixedRate的用法和区别
本文内容部分引自<Java多线程编程核心技术>,感谢作者!!! 代码地址:https://github.com/xianzhixianzhixian/thread.git schedule ...

Javascript(es2016) import和require用法和区别

Javascript(es2016) import和require用法和区别相关推荐

最新文章

热门文章