requirejs 初学

最新推荐文章于 2025-01-27 10:03:00 发布

lnn2007

最新推荐文章于 2025-01-27 10:03:00 发布

阅读量914

点赞数

CC 4.0 BY-SA版权

分类专栏：学习笔记

本文链接：https://blog.youkuaiyun.com/lnn2007/article/details/38462915

学习笔记专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了AMD（异步模块定义）的概念及其在客户端开发中的应用，并深入探讨了RequireJS的配置与使用方法，包括data-main属性的作用、路径配置、模块定义等关键知识点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

AMD，异步模块加载---------应用于客户端开发。

data-main

data-main规定了require的BaseUrl，即所有的模块加载都是依赖这个路径的。

config.path

如果我们相对应用中的不同路径划分不同路径就需要使用path：

<script data-main="js/app.js" src="js/scripts"></script>
require.js.config({
	path : {
	  app : ../app
	}
})

图片稍后补上。在requireJS官网上有一个note：

the path setting are assumed to be relative to BaseUrl, unless the path setting starts with a "/" or Url protocal('http').

define module

模块定义应该是最终要的了。RequireJS能够兼容CMD，如：

define(function(require, exports, module){
	function Person(name){
	  this.name = name;
	}

	Person.prototype.sayName = function(){
	  return this.name;
	}

	exports.Person = Person;
})

一般情况下，requireJS应该是这个样子的：

define(function(){
	function Person(name){
	  this.name = name;
	}

	Person.prototype.sayName = function(){
	  return this.name;
	}

	return Person;
})

只要将function作为result返回就可以了。

requireJs容易上手，但是想用好它可不是明白上面的东西就行了，会慢慢吃透它。