JavaScript ماڈول

ਮੌਡਿਊਲ (Modules)

JavaScript ਮੌਡਿਊਲ ਆਪਣੇ ਕੋਡ ਨੂੰ ਵੱਖ ਵੱਖ ਫਾਈਲਾਂ ਵਿੱਚ ਵੰਡਣ ਦੀ ਆਗਿਆ ਦਿੰਦੇ ਹਨ。

ਇਹ ਕੋਡ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਮੇਲੇਬਜ਼ੀ ਨੂੰ ਅਸਾਨ ਬਣਾਉਂਦਾ ਹੈ。

ਮੌਡਿਊਲ ਦੀ ਵਰਤੋਂ import ਸਟੇਟਮੈਂਟ ਤੋਂ ਬਾਹਰੀ ਫਾਈਲ ਵਿੱਚ ਆਯਾਤ ਕੀਤਾ ਹੈ。

ਮੌਡਿਊਲ ਨੇ <script> ਟੈਗ ਵਿੱਚ type="module".

ਇੰਸਟੈਂਸ

<script type="module">
import message from "./message.js";
</script>

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਐਕਸਪੋਰਟ

ਨਾਲਫੰਕਸ਼ਨਜਾਂਵੈਰੀਬਲਮੌਡਿਊਲ ਕੋਈ ਵੀ ਬਾਹਰੀ ਫਾਈਲ ਵਿੱਚ ਸਮਾਰਥ ਹੈ。

ਐਕਸਪੋਰਟ ਦੋ ਪ੍ਰਕਾਰ ਹਨ:ਨਾਮਕ ਐਕਸਪੋਰਟਅਤੇਡਿਫਾਲਟ ਐਕਸਪੋਰਟ.

ਨਾਮਕ ਐਕਸਪੋਰਟ (Named Exports)

ਹੁਣ ਇੱਕ ਫਾਈਲ ਬਣਾਓ ਜਿਸ ਨਾਮ ਹੋਵੇ person.js ਅਤੇ ਉਸ ਵਿੱਚ ਤੁਸੀਂ ਦੇਣਾ ਹੈ ਕੀ ਐਕਸਪੋਰਟ ਕਰਨਾ ਹੈ。

ਤੁਸੀਂ ਦੋ ਤਰ੍ਹਾਂ ਨਾਲ ਨਾਮਕ ਐਕਸਪੋਰਟ ਬਣਾ ਸਕਦੇ ਹੋ। ਇੱਕ ਤਰ੍ਹਾਂ ਇੱਕ ਇੱਕ ਕਰਕੇ ਇਨਲਾਈਨ ਬਣਾਉਣਾ ਹੈ ਅਤੇ ਦੂਜਾ ਫਾਈਲ ਦੇ ਚੌਡੇ ਪਾਸੇ ਇੱਕ ਸਾਰੀਆਂ ਬਣਾਉਣਾ ਹੈ。

ਇੱਕ ਇੱਕ ਕਰਕੇ ਇਨਲਾਈਨ ਬਣਾਓ:

person.js

export const name = "Bill";
export const age = 19;

ਫਾਈਲ ਦੇ ਚੌਡੇ ਪਾਸੇ ਇੱਕ ਸਾਰੀਆਂ ਬਣਾਓ:

person.js

const name = "Bill";
const age = 19;
export {name, age};

ਡਿਫਾਲਟ ਐਕਸਪੋਰਟ (Default Exports)

ਅਸੀਂ ਇੱਕ ਹੋਰ ਫਾਇਲ ਬਣਾਵਾਂਗੇ, ਜਿਸ ਨਾਮ message.js ਹੋਵੇ, ਅਤੇ ਮੂਲਧਾਰਾ ਈਕਸਪੋਰਟ ਦਾ ਪ੍ਰਦਰਸ਼ਨ ਕਰਾਂਗੇ।

ਇੱਕ ਫਾਇਲ ਵਿੱਚ ਕੇਵਲ ਇੱਕ ਮੂਲਧਾਰਾ ਈਕਸਪੋਰਟ ਹੋ ਸਕਦਾ ਹੈ。

ਇੰਸਟੈਂਸ

message.js

const message = () => {
const name = "Bill";
const age = 19;
return name + ' is ' + age + 'years old.';
};
export default message;

ਇੰਪੋਰਟ

ਤੁਸੀਂ ਦੋ ਤਰੀਕਿਆਂ ਨਾਲ ਮੌਡੂਲ ਨੂੰ ਫਾਇਲ ਵਿੱਚ ਇੰਪੋਰਟ ਕਰ ਸਕਦੇ ਹੋ, ਉਹ ਨਾਮਕ ਈਕਸਪੋਰਟ ਹਨ ਜਾਂ ਮੂਲਧਾਰਾ ਈਕਸਪੋਰਟ ਹਨ。

ਨਾਮਕ ਈਕਸਪੋਰਟ ਨੂੰ ਬੜੇ ਬੈਕਟਸ ਵਿੱਚ ਬਣਾਇਆ ਜਾਂਦਾ ਹੈ।ਮੂਲਧਾਰਾ ਈਕਸਪੋਰਟ ਨਹੀਂ ਹੈ。

ਨਾਮਕ ਈਕਸਪੋਰਟ ਤੋਂ ਇੰਪੋਰਟ ਕਰੋ

ਫਾਇਲ person.js ਤੋਂ ਨਾਮਕ ਈਕਸਪੋਰਟ ਇੰਪੋਰਟ ਕਰੋ:

import { name, age } from "./person.js";

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਮੂਲਧਾਰਾ ਈਕਸਪੋਰਟ ਤੋਂ ਇੰਪੋਰਟ ਕਰੋ

ਫਾਇਲ message.js ਤੋਂ ਮੂਲਧਾਰਾ ਈਕਸਪੋਰਟ ਇੰਪੋਰਟ ਕਰੋ:

import message from "./message.js";

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਧਿਆਨ

ਮੌਡੂਲ ਕੇਵਲ HTTP(s) ਪ੍ਰੋਟੋਕੋਲ ਲਈ ਪ੍ਰਯੋਗ ਹੈ。

file:// ਪ੍ਰੋਟੋਕੋਲ ਰਾਹੀਂ ਖੁੱਲ੍ਹੀਆਂ ਵੈੱਬਸਾਈਟਾਂ ਰਾਹੀਂ ਇੰਪੋਰਟ/ਐਕਸਪੋਰਟ ਨਹੀਂ ਵਰਤੀ ਜਾ ਸਕਦੀਆਂ。