自制 require 函数：让浏览器轻松实现 js 文件按需加载

唉？这种文章你也点进来看，你不知道有 LABjs、RequireJS、SeaJS... 这些库吗？

反正我是没用过这些库，什么 AMD 、CMD 哪来那么多术语... 前端的库太多了，要看各种乱七八糟的文档，看文档就想睡觉，就像学一门新语言一样，好烦啊，还不如自己写一个库呢。

剧透一下，实现这个功能只需要20行代码。

好了，要怎么自己写一个按需加载的库呢，为了实现按需加载：

//这是我们要实现的功能，require('str.js')时加载str.js文件，并创建一个叫str对象，等加载完毕之后执行str对象的ready方法里的函数。

str.ready(show);

<span class="hljs-comment">//要执行的函数
<span class="hljs-function"><span class="hljs-keyword">function <span class="hljs-title">show(<span class="hljs-params">res){
<span class="hljs-built_in"&gt;console.log(res);
}
<span class="hljs-comment">//str.js 文件，提供"我是str"字符串
<span class="hljs-comment">//require.js 这个是我们要写的库

1、如何加载str.js文件呢？

A：我们可以插入一个

相关内容

• objective-c – Cocos2D Bezier曲线围绕物体,如同重力一样
• c# – 即使发生未处理的异常,保持应用程序运行
• 正则表达式30分钟入门教程(转载)
• nodejs：Ajax vs Socket.IO,利弊
• Flash / Flex之外的Actionscript 3
• 跟着实例学习设计模式（9）-桥接模式bridge（结构型）
• c# – 无法确定外键的复合外键排序
• 看看GWT 2.0 新的界面设计 ( 通过配置 xml 进行设计.) UiBi
• c# – 如何修剪IP地址以获得前3个部分？
• 我的SBJson来生成和解析JSON串的代码

推荐文章

站长推荐

• 使用原生js写ajax实例(推荐)
• cocos2dx C++调用java
• c# – Azure CloudBlockBlob.在DownloadToStream
• 史上最全最常用的正则表达式
• oracle数据库表分区
• ruby-on-rails – CanCan：除了MainApp之外的命名
• [快速学会Swift第三方库] SwiftyJSON篇
• oracle存错过程的基本语法
• 详解原生JavaScript实现jQuery中AJAX处理的方法
• c# – 序列化循环引用对象的最佳方法是什么？

热点阅读

【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。

建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果

Copygight © 2008-2022 https://www.lidatong.com.cn/ All Rights Reserved. 李大同