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

require import 引入区别

时间:2020-07-22 11:20:25      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:span   console   ons   log   export   time   inf   soft   class   

1、require引入

//require.js
let a = 0; const count = () => { ++a; console.log(a,‘==require模块内部函数执行==‘) } setTimeout(function(){ ++a; console.log(a,‘==require模块内部定时器执行==‘); }, 500); module.exports = { a, count, };

引入:

let foo = require(‘./js/require‘);
foo.count();
setTimeout(function(){
    console.log(foo.a,‘==require导入文件==‘);
}, 1000);

效果:

技术图片

 

 结论: require引用值是深拷贝,值的拷贝

 

2、es6 import

// es6文件
let b = 0;
const countb = () => {
    ++b;
    console.log(b,‘==es6模块内部函数执行==‘)
}
setTimeout(function(){
    ++b;
    console.log(b,‘==es6模块内部定时器执行==‘);
}, 500);
export {
    b,
    countb,
};

引入:

import { b, countb } from ‘./js/es6‘;
countb();
setTimeout(function(){
    console.log(b,‘==es6导入文件==‘);
}, 1500);

效果:

技术图片

 

 结论:es6的import引入是浅拷贝,还有引用关系

require import 引入区别

标签:span   console   ons   log   export   time   inf   soft   class   

原文地址:https://www.cnblogs.com/mengfangui/p/13359045.html

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