Web Development - Лекция 3 - Введение в JavaScript

Web Development – Лекция 3 – Введение в JavaScript

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

Раньше JavaScript считался плохим, медленным языком, используемым только для того, чтобы сделать немного блестящего эффекта в браузере. Однако в 2008 году, когда был выпущен V8 JavaScript Engine, все изменилось для JavaScript. Он получил огромную скорость повышения, станут более надежными, и все больше компаний начали работать над улучшением языка и стандартизации. Он включил создание NODEJS.

Сегодня JavaScript используется гораздо больше, чем веб-страницы:

Машинное обучение и ай

Tensorflow

Игра

Phaserjs.
Единство

Мобильные приложения

Реагировать на родной

Raspberry Pi

Nodejs

Сателлиты

Reaktor.

Язычный синтаксис

Ценности

Значение может быть:

· Примитив: строка, номер, логический, нулевой, неопределенный

· Комплекс: объект, класс, массив

Присвоение значений:

// const or let
const value = 5;
const — can't be reassigned
let — can be reassigned

Кодовые блоки

Код, помещенный между вьющимися брекеты {}

Операторы

Математический: +, -,/, *

Инкремент/дессерирование: ++, –

Логические операторы: ||, &&

Если выписка

Если мы хотим выполнить какой-код только в особом случае

if(true) {

    // do something

} else if(false) {

    // do other thing

}

Петли

Во время петли

while(true) {
    // do something
}

Для петли

for (let i = 0; i < 10; i++) {
    // do something 10 times
}

Функция

Повторное использование логики

function increment(num) {
    return num + 1;
}
increment(5); // 6

Функции лямбда

const increment = (num) => { return num + 1 };
increment(5); //6

Массива

const a = [1, 2, 3, 4];

console.log(a[0]); // 1

Объекты

Ключевая коллекция значений и функций

const obj = {
    val: 5,
    action: function(){ console.log(this.val) }
};
obj.action(); //5

Классы

Классы немного более сложные версии ключевых значений коллекций. Они являются определениями пользовательского типа, содержащего разные способы (функции) и свойства (значения). Экземпляр его создан с помощью ключевого слова NEW. Он содержит метод под названием конструктор, который выполняется при создании экземпляра класса.

class Person {
    constructor() {
        this.firstName = "john";
        this.lastName = "doe";
    }

    sayHello() {
      console.log(`Hello ${this.firstName} ${this.lastName}`)
    }

}

const john = new Person();

john.sayHello(); // hello world

Расширение класса

class NamedPerson extends Person {

    constructor(firstName, lastName) {
        super();
        this.firstName = firstName;
        this.lastName = lastName;
    }

}

const johnny = new NamedPerson('johnny', 'dunne');
johnny.sayHello();

Функциональное программирование

Функции – это объекты первого класса. Это означает, что они могут быть назначены значением и передано в качестве параметров.

function doSomethingWithFive(f) {
    return f(5);
}

function incrementValue(num) {
    return num + 1;
}

const result = doSomethingWithFive(incrementValue);

console.log(result); // 6

Об этой серии

Эта серия статей осуществляется как часть моей волонтерской работы в Citywise Education где я даю лекции по веб-разработке интернет-разработки с ReactJS. Подробнее и другие учебные материалы можно найти на моей странице курса grumpy-dev.com Отказ

Оригинал: “https://dev.to/chriss/web-development-lecture-3-introduction-to-javascript-2n7a”

Web Development – Лекция 3 – Введение в JavaScript

Читайте ещё по теме: