JS模块化

最新推荐文章于 2024-08-17 09:45:00 发布

一只鹿喵

最新推荐文章于 2024-08-17 09:45:00 发布

阅读量110

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/weixin_44602682/article/details/105913329

版权

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1.开发一个模块管理引擎

let module1 = (function(){
  let moduleList = {}

  function define(name, modules, action){
    modules.map((m, i) => {
      modules[i] = moduleList[m]
    })
    moduleList[name] = action.apply(null, modules)
    console.log(moduleList)

  }
  return {define}
})()
module1.define('hd', [], function(){
  return {
    first (arr) {
      return arr[0]
    },
    max(arr) {
      return arr.sort((a,b) => b-a)[0]
    }
  }
})
module1.define('lesson',['hd'], function(hd){
  console.log(hd, 'ddd')
})

2.模块延时解析与严格模式

//默认严格模式
//延时解析
  <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="module">
      console.log(document.querySelector('button')) // button
      today = '5.3' // 报错
    </script>
  </head>
  <body>
    <button>五一快乐</button>
  </body>
  </html>

一只鹿喵

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS模块化

1.开发一个模块管理引擎let module1 = (function(){ let moduleList = {} function define(name, modules, action){ modules.map((m, i) => { modules[i] = moduleList[m] }) moduleList[name] = a...
复制链接

扫一扫

专栏目录