Practice Code
JavaScript Example (Program)
Learn Details

What is Module ?


JavaScript में module एक प्रकार का file है। जो की file programing like (var ,function , object , array ) के name को export किया जाता है।

मतलब की एक file को दूसरे file के import & export करना |

How to create Module ?

module को create करने के लिए दो keyword की जरुरत होती है।
import {}
export{}

Q. How to use Module ?

मान लीजिये की file1.js और file2 .js आपके पास दो file है और file2 के कुछ programming code को file1 में भेजना है।
इसके लिए कुछ point को follow करना होगा

  • file2 में, जिस data को भेजना है उसे उस data के साथ expoprt keyword का use करना होगा
  • file1 में, file2 के export किये गए data को recived करने के लिए import keyowrd का use करना होगा

Note : - Module को use करने के लिए live सर्वर की जरुतत होती है

Syntax :

import{// Name of exported data} from “Source of url export value”
export {// your variable name, function name , object name}



HTML (index.html)



<html>
    <head>
        <title>Module, Import and Export</title>
        <script type="module" src="mymodule.js"></script>
    </head>
    <body>
        

    </body>
</html>
 


JavaScript File 1: mymodule.js (for import or reviced data)


<script>     
import {name, myfunc1,  myfunc2, myfunc3, myclass} from "./script.js";
//1. access string value
console.log(name);

//2. access function
myfunc1()

//3. access function with return value
console.log(myfunc2("Ram", "Kumar"));

//4. access function with rest parameter & forEach method value
myfunc3("HTML", "Css", "JavaScript", "Angular", "Node")


//5.   access Class with class contructor and method value
let obj = new  myclass("You Tube ");
obj.class_method()

</script>
 



JavaScript File 2 : script.js (for Export or send Data)


<script>     
export{name, myfunc1, myfunc2, myfunc3, myclass}
//1. string value 
let name = "Teach Coders";
//2. function
 function myfunc1(){
    console.log(`Hello, Teach Coders`);
}
//3. function with return keyword
function myfunc2(x,y){
    return (`${x} ${y}`)
}

//4. function with rest parameter & forEach method
 function myfunc3(...x){
    x.forEach(function(y){
        console.log(y);
    })
}
//5.  Class with class contructor and method
class myclass{
    constructor(user_value){
        this.myvalue = user_value;
    }
    class_method(){
        console.log(`Welcome to Our ${this.myvalue} Channel`);
    }
}
</script>