Обзор новых возможностей JavaScript. Часть 3

Главная » Видеоуроки » JavaScript » Обзор новых возможностей 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 Комментариев

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Подписаться на рассылку

Будьте в курсе - получайте последние статьи на свой email

Ваша подписка успешно оформлена

Pin It on Pinterest

Share This