Обзор новых возможностей JavaScript. Часть 3
В последней части уроков о новых возможностях javascript мы рассмотрим модули.
Модули позволяют нам создавать более структурированный код. Важно понять, что модули можно экспортировать и импортировать. Для этого используются ключевые слова export и import.
Код урока
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!-- <script src="class.js"></script> -->
<script type="module">
// import {sayHi, Programmer, cities} from './class.js';
import * as myModule from './class.js';
let kam = new myModule.Programmer();
console.log(kam);
console.log(myModule.cities);
myModule.sayHi();
</script>
</body>
</html>Код урока
'use strict'
export class Programmer {
name = 'Камиль';
lang = 'javascript';
constructor(age) {
this.age = age;
}
sayHi() {
console.log(`${this.name}, привет`);
}
}
export const cities = [
'Москва',
'Санкт-Петербург'
];
export function sayHi() {
console.log('Привет');
}
0 Комментариев