模块化编程


title: 模块化编程
date: 2021-08-31 14:45:29
tags: 前端知识
description: 前端模块化编程

1. 模块化编程

将一个大程序按照功能划分为若干小程序模块

类比java中的import, c#的using

2. AMD(异步模块定义)

3. Common.js (node.js的模块化规范)

同步一次性加载 运行时加载

// 全局加载模块
const util = require('util');
// 模块定义exports   模块标示module 
// exports()对象用于导出当前模块的变量或方法
module.exports = {
    
}

// require用来引入外部模块
const util = require('util.js')

4. ES6 Module

静态化,使得编译时就能确定模块的依赖关系

5. ES6与Common.js模块的差异

  • Common.js模块输出一个值的复制, ES6模块输出值的引用
  • Common.js模块是运行时加载,ES6模块是编译时加载
  • Common.js中的this指向当前模块,ES6模块this为undefined
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值