JAVASCRIPT

javascript import

import { module } from "./path"; // single module
import Module from "./path"; // default export

import Module, { module } from "./path"; // both

import javascript

/*Imagine a file called math_functions.js that contains several functions
related to mathematical operations. One of them is stored in a variable called
add.*/

//If you want to import one item:
import { add } from './math_functions.js';

//If you want to import multiple items:
import { add, someothervariable } from './math_functions.js';

javascript import module

// app.js

import { add } from './data';

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

javascript import

//add this to your package.json
//and make sure you are on node version 13.8.0 or above
"type": "module",
import { module } from "./path"; // then you are good to go to use import

javascript import

import { name, draw, reportArea, reportPerimeter } from './modules/square.js';

javascript import module

// data.js

export const add = (x, y) => {
    return x + y
}

js import

//A function cannot be called unless it was defined in the same file or one loaded before the attempt to call it.
//A function cannot be called unless it is in *the same or greater scope* than the one trying to call it.
//You declare function fn1() in First.js, and then in Second.js you can just call fn1();
//In this case, you need to make sure that First.js and Second.js are in the same folder, or that First's folder is of a higher hierarchy than Second's.

//First.js
function fn1() {
	alert();
}

//Second.js
function foo() {
	fn1();
}

JavaScript import

import contact from './contact.js';

contact('Sara', 25);
// The name is Sara. And age is 25