Функціональний та прототипний підхід до розробки ПЗ в Javascript. Стандартизація Javascript. EcmaScript

Міністерство освіти і науки України

Івано-Франківський національний технічний університет нафти і газу

Кафедра комп'ютерних систем і мереж

Лабораторна робота №6

Функціональний та прототипний підхід до розробки ПЗ в Javascript. Стандартизація Javascript. EcmaScript

Виконав:

Ст. гр. КІ-20-1

Звізда О. М.

Перевірив:

Гуменюк Т. В.

м. Івано-Франківськ

2021р.

Мета: ознайомитися з різними підходами до розробки програмного забезпечення мовою Javascript.

Умова: Реалізуйте завдання з попередньої лабораторної роботи, використовуючи функціональний або прототипний підхід. Активуйте суворий режим в коді з попередньої лабораторної роботи. Приведіть ваш код у відповідність до правил суворого режиму та стандартів ECMAScript.

Хід роботи:

1. Перевірив код відповідно до суворого режиму.

[pic 1]

Рисунок 6.1 – Перевірка та випралення коду

1. Оформив код відповідно до стандарту ECMAScript–2015.

[pic 2]

Рисунок 6.2 – Редагування коду

Вміст файлу app.js:

'use strict';

let books = [];

function book(id, name, author, direc, number, pgs, date, publ ){

    this.id = id;

    this.name = name;

    this.author = author;

    this.direc = direc;

    this.number = number;

    this.pgs = pgs;

    this.data = date;

    this.publ = publ;

    this.printAsTableRow = function(){

        return

        `<tr data-index =`+this.id+`>

            <td>`+this.name+`</td>

            <td>`+this.author+`</td>

            <td>`+this.direc+`</td>

            <td>`+this.number+`</td>

            <td>`+this.publ+`</td>

            <td>

             <a data-index=" ` + this.name + ` " class="edit" href="#">Редагувати</a><br>

             <a class="delete" href="#">Видалити</a>

            </td>

         </tr>

            `;

    }

}

 this.updateBook = function( name, author, direc, number, pgs, date, publ ){

    this.name = name;

    this.author = author;

    this.direc = direc;

    this.number = number;

    this.pgs = pgs;

    this.data = date;

    this.publ = publ;

 }

function displayTable(){

    for(i = 0; i < books.length; i++){

        $("tbody").append(books[i].printAsTableRow());

    }

}

function deleteBook(id){

    let books = books.filter(function(book){

        return book.id != id;

    });

}

$(document).ready(function(){

        $(document).on("submit", "#inputForm", function (e) {

            e.preventDefault();

            let lastElementNumber = Number($('table tbody tr:last td:first').text());

            if($("#actionInput").val() == "add"){

            $("table tbody").append(`

                    <tr data-index="`+(lastElementNumber+1)+`">