模組化的核心

2021-10-06 06:31:35 字數 1604 閱讀 4975

模組化核心:匯出和匯入;

同級新建檔案index.html,a.js.b.js三個檔案;

index.html中引入a.js和b.js。(a.js在前)

a.js中匯出:

var modules=(function()

var obj={};

obj.flag=flag;

obj.num=num;

obj.name=name;

return obj;

})()

b.js中匯入:

console.log(modules.name)//jack

console.log(modules.num(1,6))//7

console.log(modules.flag)//true

在b.js可以取出a.js中obj的值。

a.js匯出:

var name='jack';

var flag=true;

function num(a,b)

export.module(

b.js匯入:

var =require('a.js的路徑');//name,flag,num可以直接用

var obj=require('a.js的路徑');'jack',obj.flag=true,obj.num(1,6)=7

export的基本使用:

a.js:

匯出方式一:

export var name="jack";

export var height=1.88;

匯出方式二:

var name="jack";

var height=1.88;

export ;

b.js

import from 'a.js';

console.log(name);//jack

console.log(height);

//直接匯出

//export const num1=123;

//匯出函式:

export function add(num1,num2)

//匯出類

export class person

}//匯入函式和類

import from './export.js'

console.log(add(1,2));

const p=new person();

p.run()

//匯出

export default function()

//匯入

import de from './export.js';

de();

import * as all from './export.js';//all,為*的別名,方便後續使用。

console.log(all.num1,'aaa')

什麼是模組化?模組化的好處

1.高內聚低耦合,有利於團隊作戰,當專案很複雜的時候,將專案劃分為子模組分給不同的人開發,最後再組合在一起,這樣可以降低模組與模組之間的依賴關係體現低耦合,模組又有特定功能體現高內聚。2.可重用,方便維護,模組的特點就是有特定功能,當兩個專案都需要某種功能的時候,我們定義乙個特定的模組來實現該功能,...

什麼是模組化?模組化的好處

什麼是模組化?j a 應用架構設計 模組化模式與 osgi 一書中對它的定義是 模組化是一種處理複雜系統分解為更好的可管理模組的方式。所謂的模組化開發就是封裝細節,提供使用介面,彼此之間互不影響,每個模組都是實現某一特定的功能。模組化開發的基礎就是函式。模組化開發使 耦合度降低,模組化的意義在於最大...

模組化的理解,以及模組化的好處

先理解模組 在程式設計中,為完成某一功能所需的一段程式或子程式 或指能由編譯程式 裝配程式等處理的獨立程式單位 或指大型軟體系統的一部分。可以這樣理解每乙個頁面中的部分都可以看成乙個模組。模組化是指解決乙個複雜問題時自頂向下逐層把系統劃分成若干模組的過程,有多種屬性,分別反映其內部特性。是指將每乙個...