Классы в JAVASCRIPT

5 years ago | 18.1K

 

Классы в 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 и в этой...
18.0K

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

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

Что такое Modern Javascript?

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

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

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

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

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























Курс HTML/CSS Advanced. Обучение программирования, уроки программирования
Курс HTML/CSS Advanced. Обучение программирования, уроки программирования
пока нет оценок
Sergei Nikonov
  • Новинка!
  • 162 заданий
  • 60 видео
  • 17 часов

Курс Bootstrap 4. Обучение программирования, уроки программирования
Курс Bootstrap 4. Обучение программирования, уроки программирования
new
пока нет оценок
Sergei Nikonov
  • Уроки Bootstrap 4 в разработке

Курс VueJS Фреймворк. Обучение программирования, уроки программирования
Курс VueJS Фреймворк. Обучение программирования, уроки программирования
new
пока нет оценок
Sergei Nikonov
  • Уроки VueJS в разработке

Курс Yii2 Фреймворк. Обучение программирования, уроки программирования
Курс Yii2 Фреймворк. Обучение программирования, уроки программирования
new
пока нет оценок
Sergei Nikonov
  • Уроки Yii2 в разработке

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

Курс Javascript/jQuery. Обучение программирования, уроки программирования
Курс Javascript/jQuery. Обучение программирования, уроки программирования
4.7 / 1670
Sergei Nikonov
  • 21 заданий
  • 10 видео
  • 1 час

Курс CodeIgniter. Обучение программирования, уроки программирования
Курс CodeIgniter. Обучение программирования, уроки программирования
4.9 / 649
Sergei Nikonov
  • 28 заданий
  • 26 видео
  • 5 часов

Курс Linux/GIT/Hosting. Обучение программирования, уроки программирования
Курс Linux/GIT/Hosting. Обучение программирования, уроки программирования
4.9 / 1112
Sergei Nikonov
  • 29 заданий
  • 22 видео
  • 2 часа

Курс PHP/MySQL. Обучение программирования, уроки программирования
Курс PHP/MySQL. Обучение программирования, уроки программирования
4.8 / 1419
Sergei Nikonov
  • 69 заданий
  • 37 видео
  • 5 часов

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

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