AMD_RequireJS
2021-01-13 22:11
标签：getname ima index 关心 turn 文件 一个 data- mamicode 专门用于浏览器端，模块的加载时异步的 定义暴露模块 引入使用模块 Require.js 项目目录 dataService.js alerter.js app.js test1.html 运行页面发现报错 最后结果 1、下载require.js 并引用 官网：http://www.require.cn/ github: https://github.com/require/require.js 2、创建项目结构 3、定义require.js 的模块代码 require.js官网下载 dataService.js模块 alerter.js main.js 官网中的方法配置说明 index.html AMD_RequireJS 标签：getname ima index 关心 turn 文件 一个 data- mamicode 原文地址：https://www.cnblogs.com/caijinghong/p/13471418.html模块化第二种规范----AMD
说明
基本语法
//定义没有依赖的模块
define(functioin(){
return 模块
})
//定义有依赖的模块
define([‘module1‘,‘module2‘],function(){
return 模块
})
require([‘module1‘,‘module2‘],function(m1,m2){
使用m1/m2
})
实现（浏览器端）
示 例
1、noAMD普通模式
// 定义一个没有依赖的模块
(function(window){
let name = "dataService.js"
function getName(){
return name
}
window.dataService = {getName}
})(window)
// 定义一个有依赖的模块
(function(window,dataService){
let msg = "alerter.js"
function showMsg(){
console.log(msg,dataService.getName())
}
window.alerter = {showMsg}
})(window,dataService)
(function(alerter){
alerter.showMsg()
})(alerter)
2、require.js 使用----自定义模块
define(function(){
let name = "dataService.js"
function getName(){
return name
}
// 暴露模块
return {getName}
})
// 定义一个有依赖的模块
define([‘dataService‘],function(dataService){
let msg = ‘alerter.js‘
function showMsg(){
console.log(msg,dataService.getName())
}
// 暴露模块
return {showMsg}
})
dataService: ‘./modules/dataService.js‘ 注意不能加js
(function(){
requirejs.config({
baseUrl: ‘js/‘,//基本的路径
paths: {//配置路径 相当于导入模块
dataService: ‘./modules/dataService‘,
alerter:‘./modules/alerter‘
}
});
requirejs([‘alerter‘],function(alerter){
alerter.showMsg()
})
})()
3、AMD规范--使用第三方模块
上一篇：centos安装nodejs
下一篇：JS基本语法