美文网首页
前端之amd模块化规范

前端之amd模块化规范

作者: web前端_潘哥哥 | 来源:发表于2022-01-04 21:00 被阅读0次

今天来复习一下amd规范
此规范目前来说也是基本不会用了,逐渐埋没在前端的历史长河中
require.js实现了amd规范
要使用amd规范,需要在html页面中书写以下代码:

<!-- data-main属性得值为入口文件得路径 -->
<script data-main="./index.js" src="./require.js"></script>

在amd中,提供了define函数,该函数接受三个参数。分别是模块的id,模块的依赖项,一个回调函数(该函数中是该模块的代码)或者一个对象

define(id?: String, dependencies?: String[], factory: Function|Object);

前两个参数都是可选的。如果第三个参数传的不为string,array,function则会把第三个参数当成该模块的导出内容。在其他模块导入该模块时,拿到的数据即为该模块的第三个参数的值。

细节:

  • 如果前两个参数按照类型传了的情况下,第三个参数只要不为函数,则都会被当成该模块的导出值。
  • 如果第一个参数按照类型传了的情况下,第二个参数如果不是数组类型也不是函数,那么第二个参数会被当成该模块的导出值。
  • 第一个参数如果不是字符串,也不是数组,也不是函数,则会被当成该模块的导出值。

其实还有一些其他的情况,比如第一个参数传的是数组,那么第二个参数传递的内容会被当成是第三个参数的内容,第三个参数就不会被处理了。

还有一种情况就是如果没有传递依赖项,第三个参数是一个函数的情况下,会给这个函数传递三个参数,分别是require,exports,module,这个时候,函数的内部代码就跟commonjs规范一样了

相关文章

  • 06Vue的前端工程化

    Vue的前端工程化 一 模块化规范 1.1模块化规范举例 浏览器端JS模块化规范:AMD,CMD 服务器端JS模块...

  • js模块化

    js的模块化大致分为4种规范 amd cmd commonjs 和es6模块化 1.amd规范 amd规范又叫异步...

  • 前端之amd模块化规范

    今天来复习一下amd规范此规范目前来说也是基本不会用了,逐渐埋没在前端的历史长河中require.js实现了amd...

  • 前端基础建设之export、import使用

    背景知识 在ES6前, 前端就使用RequireJS或者seaJS实现模块化, requireJS是基于AMD规范...

  • 模块化开发

    前端JS模块化开发有两大规范AMD合CMD,下面以我的理解来简单总结一下模块化开发的思想 ,以及js前端常用的AM...

  • 模块化之CommonJs、AMD、CMD

    介绍 随着前端业务得复杂程度越来越高,模块化成了大趋势,目前有这么几种模块化得规范,AMD,CMD,CommonJ...

  • 前端模块化:ES6,CommonJS

    前端模块化 共有四种规范 ES6 Module CommonJS AMD CMD ES6 Module ES6模块...

  • 模块化相关知识

    CMJ:node环境中的模块化规范。AMD:在浏览器端运行的JS模块化规范。UMD:CMJ和AMD的集成,会依次判...

  • 模块化开发

    一提到模块化开发,就会提到 CommonJS 规范和AMD规范,这些都是模块化的依据规范, RequireJS 就...

  • Webpack原理-从前端模块化开始

    当前主流 JS 模块化方案 CommonJS 规范,nodejs 实现的规范 AMD 规范,requirejs 实...

网友评论

      本文标题:前端之amd模块化规范

      本文链接:https://www.haomeiwen.com/subject/hlrccrtx.html