网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

javascript中AMD,CMD,Commonjs和es6有什么区别

本文小编为大家详细介绍“javascript中AMD,CMD,Commonjs和es6有什么区别”,内容详细,步骤清晰,细节处理妥当,希望这篇“javascript中AMD,CMD,Commonjs和es6有什么区别”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

创新互联公司2013年成立,是专业互联网技术服务公司,拥有项目成都网站制作、成都网站设计、外贸营销网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元扶沟做网站,已为上家服务,为扶沟各地企业和个人服务,联系电话:18982081108

1、AMD

AMD是RequireJS在推广过程中对模块定义的规范化产出,AMD规范则是非同步加载模块,允许指定回调函数。

AMD标准中,定义了下面两个API:

  1. require([module], callback)

  2. define(id, [depends], callback)

即通过define来定义一个模块,然后使用 require 来加载一个模块。 并且,require 还支持CommonJS 的模块导出方式。

a.js
define(['package/b',...], function(b) {
    function func1 () {
        b.sayHi('hello world');
    }

    return {
      func1: func1
    }
});

require(['a'], function(a) {
  a.func1()
})

2、CMD

CMD是SeaJS在推广过程中对模块定义的规范化产出。CMD是同步模块定义。

//所有模块都通过define来定义
define(function(require, exports, module) {  
  // 通过require引入依赖
  var $ = require('jquery');
  var C = require('./c.js');
  exports.sayHi = ...
  module.exports = ...
})

二者的区别是前者是对于依赖的模块提前执行,而后者是延迟执行。 前者推崇依赖前置,而后者推崇依赖就近,即只在需要用到某个模块的时候再 require。

3、CommonJS 规范---module.exports

前端浏览器不支持,Nodejs中使用的是这个规范

exports.sum = function(a,b) {
   return a + b;
}
exports.count= function(arr) {
   return arr.length;
}

CommonJS的核心思想就是通过 require 方法来同步加载所要依赖的其他模块,然后通过 exports 或者 module.exports 来导出需要暴露的接口。

4、ES6---export/import

在ES6中,我们可以使用 import 关键字引入模块,通过 exprot 关键字导出模块,功能较之于前几个方案更为强大,也是我们所推崇的,但是由于ES6目前无法在浏览器中执行,所以,我们只能通过babel将不被支持的import编译为当前受到广泛支持的 require

import Home from './Home.vue'
export default {
   
}

读到这里,这篇“javascript中AMD,CMD,Commonjs和es6有什么区别”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。


文章标题:javascript中AMD,CMD,Commonjs和es6有什么区别
本文地址:http://bjjierui.cn/article/pjhhjd.html

其他资讯