Классы в JAVASCRIPT

1 year ago | 8.5K

 

Классы в JAVASCRIPT

У языка Javascript достаточно непривычный для программистов синтаксис, особенно, если раньше они писали определенные программы, пользуясь PHP, Python, а также, C# или Java. Создание класса в Javascript требует определенных знаний, которые можно получить после прочтения данной статьи.

 

 

Исторические факты

Javascript разработали в середине 1995 года, проектом занимались специалисты из компаний Netscape, а также Sun Microsystems. На начальном этапе возникли сложности с выбором названия - проект окрестили "Mocha", но затем появились варианты LiveScript и JavaScript, было принято решение остановиться на втором варианте.

Компания ECMA стандартизировала Javascript, после чего он получил название ECMAScript.

 

Относительно недавно появился новый стандарт Javascript ECMAScript 6 с сильно измененным синтаксисом. Можно отметить появление в синтаксисе class, а также других слов, которые более понятны ООП программистам. Но сегодня есть большая проблема с браузерами, которые не могут поддерживать данный стандарт и, вероятно, только к 2020 году это будет исправлено.

 

интерактивный курс modern javascript

 

Если вам не терпится ознакомиться с особенностями ECMAScript 6 - можно прибегнуть к помощи TypeScript, языку программирования, который разработала компания Майкрософт.

 

Создание класса в JavaScript с использованием ООП стиля

Сегодняшний стандарт Javascript не поддерживает привычных классов, что заставляет создавать имитацию, чтобы было удобнее писать определенный код.

Ниже на примерах покажем, как будут выглядеть классы, созданные в разных языках программирования.

 

Java:

public class Human {

    String name;

    public Human(String name) {
            this.name = name;
    }

    public void setName(String name) {
            this.name = name;
    }

    public String getName() {
            return this.name;
    }


    public static void main(String[] args) {
            Human human = new Human("John");
            human.setName("Eddie");
            System.out.println(human.getName());
    }

}

 

Если рассматривать класс Human, можно выделить конструктор, принимающий String параметр имя при создании класса. Можно заметить setter, а также getter - возможность устанавливать и возвращать переменную name.

 

Рассмотрим язык Javascript, как здесь создать такой же класс:

// construct
function Human(name){
   this.name = name;
}

// setter
Human.prototype.setName = function(name){
	this.name = name;
};

// getter
Human.prototype.getName = function(){
	return this.name;
};

/* --------------------------- */
var human = new Human("John");
human.setName("Eddie");
alert(human.getName());

 

Из примера видно, что создание класса в Javascript позволяет сделать код более удобным и читаемым, а это значительно упрощает работу программисту и делает прочтение чужого кода более быстрым.

 

Выводы

В классическом Javascript нет поддержки привычных классов, на простых примерах мы показали, как можно создать имитацию класса в Javascript, чтобы сделать работу с кодом более удобной. Изучить особенности синтаксиса и научиться писать программы на языке программирования Javascript может каждый.

 



Поделитесь в социальных сетях





Читайте также

Что такое NodeJS и npm?

На современном Javascript можно разрабатывать не только Frontend часть сайта, но и Backend и в этой...
13.6K

Большое обновление FructCode

Обучайтесь эффективнее на онлайн платформе FructCode с новыми интерактивными заданиями и новыми возм...
11.7K

Что такое Modern Javascript?

Языки программирования развиваются и Javascript не стал исключением. В этой статье вы узнаете о том,...
19.1K

Как убрать index.php из URL

Для продвижения сайта в интернет, через поисковые системы, необходимы производить оптимизации. При с...
10.8K

Что такое файл index.php?

В этой статье вы узнаете, что такое файл index.php, чем его можно открыть. Мы рассмотрим самый прост...
35.6K























Курс Bootstrap 4. Обучение программирования, уроки программирования
Курс Bootstrap 4. Обучение программирования, уроки программирования
new
пока нет оценок
Сергей Никонов
  • Ориентировочная дата выхода нового урока - 10.11.2019

Курс VueJS Фреймворк. Обучение программирования, уроки программирования
Курс VueJS Фреймворк. Обучение программирования, уроки программирования
new
пока нет оценок
Сергей Никонов
  • Ориентировочная дата выхода нового урока - 13.11.2019

Курс Yii2 Фреймворк. Обучение программирования, уроки программирования
Курс Yii2 Фреймворк. Обучение программирования, уроки программирования
new
пока нет оценок
Сергей Никонов
  • Ориентировочная дата выхода нового урока - 16.11.2019

Курс Modern Javascript. Обучение программирования, уроки программирования
Курс Modern Javascript. Обучение программирования, уроки программирования
new
4.8 / 164
Сергей Никонов
  • Новинка!
  • 30 заданий
  • 16 видео
  • 2 часа

Курс Javascript/jQuery. Обучение программирования, уроки программирования
Курс Javascript/jQuery. Обучение программирования, уроки программирования
4.8 / 906
Сергей Никонов
  • 21 заданий
  • 10 видео
  • 1 час

Курс CodeIgniter. Обучение программирования, уроки программирования
Курс CodeIgniter. Обучение программирования, уроки программирования
4.9 / 541
Сергей Никонов
  • 28 заданий
  • 26 видео
  • 6 часов

Курс Linux/GIT/Хостинг. Обучение программирования, уроки программирования
Курс Linux/GIT/Хостинг. Обучение программирования, уроки программирования
4.9 / 696
Сергей Никонов
  • 29 заданий
  • 22 видео
  • 2 часа

Курс PHP/MySQL. Обучение программирования, уроки программирования
Курс PHP/MySQL. Обучение программирования, уроки программирования
4.8 / 845
Сергей Никонов
  • 69 заданий
  • 37 видео
  • 6 часов

Курс Bootstrap 3. Обучение программирования, уроки программирования
Курс Bootstrap 3. Обучение программирования, уроки программирования
4.9 / 1273
Сергей Никонов
  • 50 заданий
  • 25 видео
  • 4 часа

Курс HTML/CSS. Обучение программирования, уроки программирования
Курс HTML/CSS. Обучение программирования, уроки программирования
4.9 / 2296
Сергей Никонов
  • 66 заданий
  • 32 видео
  • 5 часов