seajs下require书写约定实例分析
更新时间：2018年05月16日 12:29:07 作者：听海Movie
这篇文章主要介绍了seajs下require书写约定,结合实例形式分析了seajs中require书写约定遵循的规则,需要的朋友可以参考下
本文实例讲述了seajs下require书写约定。分享给大家供大家参考，具体如下：
require 书写约定
使用 Sea.js 书写模块代码时，需要遵循一些简单规则。
只是书写和调试时的规范！！！构建后的代码完全不需要遵循下面的约定！！！！！！
1. 正确拼写
模块 factory 构造方法的第一个参数 必须 命名为 require 。
// 错误！
define(function(req) {
// ...
});
// 正确！
define(function(require) {
// ...
});
2. 不要修改
不要重命名 require 函数，或在任何作用域中给 require 重新赋值。
// 错误 - 重命名 "require"！
var req = require, mod = req("./mod");
// 错误 - 重定义 "require"!
require = function() {};
// 错误 - 重定义 "require" 为函数参数！
function F(require) {}
// 错误 - 在内嵌作用域内重定义了 "require"！
function F() {
var require = function() {};
}
3. 使用直接量
require 的参数值 必须 是字符串直接量。
// 错误！
require(myModule);
// 错误！
require("my-" + "module");
// 错误！
require("MY-MODULE".toLowerCase());
// 正确！
require("my-module");
在书写模块代码时，必须遵循这些规则。其实只要把 require 看做是语法关键字 就好啦。
关于动态依赖
有时会希望可以使用 require 来进行条件加载：
if (todayIsWeekend)
require("play");
else
require("work");
但请牢记，从静态分析的角度来看，这个模块同时依赖 play 和 work 两个模块，加载器会把这两个模块文件都下载下来。 这种情况下，推荐使用 require.async 来进行条件加载。
希望本文所述对大家seajs程序设计有所帮助。
相关文章
这篇文章主要介绍了Seajs的相关知识和和学习心得,适合刚接触SeaJS的同学,需要的朋友可以参考下，有更好的新手教程或文档，欢迎推荐、分享2016-10-10
本文是对Sea.js 提供seajs的模块化与加载方式的讲解，对学习JavaScript编程技术有所帮助,与大家分享。有需要的小伙伴可以参考下。2015-04-04
这篇文章主要介绍了SeaJS入门教程系列之完整示例,演示了一个完整的SeaJS开发例子,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了seajs中模块的解析规则详解和模块使用总结,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了seajs实现强制刷新本地缓存的方法,结合实例形式简单分析了seajs强制刷新本地缓存的原理、实现方法及相关注意事项,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了SeaJS入门教程系列之使用SeaJS,着重介绍了SeaJS的使用方法、关键方法的使用等,需要的朋友可以参考下2014-03-03
SeaJS是一个遵循 CommonJS 规范的模块加载框架，可用来轻松愉悦地加载任意JavaScript模块和css模块样式。SeaJS接口和方法也非常少，SeaJS 就两个核心：模块定义和模块的加载及依赖关系。本文将详细介绍模块的依赖加载及模块API的导出，有需要的朋友们可以参考借鉴。2016-10-10
这篇文章主要介绍了Seajs的相关知识和和学习心得,适合刚接触SeaJS的同学,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了SeaJS入门教程,讲述了SeaJS的由来,JavaScript传统开发模式和模块化开发的对比,需要的朋友可以参考下2014-03-03
图片懒加载是前端开发中一项重要的性能优化策略,它能够明显缩短页面加载时间,提升用户的浏览体验,在本文中,我们将深入探讨在Vue开发时候如何实现图片懒加载,同时探讨多种实现途径,需要的朋友可以参考下2023-08-08
最新评论