Информационный видеосервис для разработчиков программного обеспечения Typescript Fundamentals

Содержание

Слайд 2

Typescript Fundamentals После урока обязательно Information Technology Video Developer Network http://itvdn.com

Typescript Fundamentals

После урока обязательно

Information Technology Video Developer Network http://itvdn.com

ITVDN

Проверьте как Вы

усвоили данный материал на TestProvider.com

Доступ можно получить через руководство вашего учебного центра

Повторите этот урок в видео формате на ITVDN.com

Слайд 3

Typescript Fundamentals Войчик Сергей Автор курса Information Technology Video Developer Network http://itvdn.com ITVDN

Typescript Fundamentals

Войчик Сергей

Автор курса

Information Technology Video Developer Network http://itvdn.com

ITVDN

Слайд 4

Тема Information Technology Video Developer Network http://itvdn.com ITVDN Typescript Fundamentals Типы, переменные и функции

Тема

Information Technology Video Developer Network http://itvdn.com

ITVDN

Typescript Fundamentals
Типы, переменные и функции

Слайд 5

Типы, переменные и функции Information Technology Video Developer Network http://itvdn.com ITVDN

Типы, переменные и функции

Information Technology Video Developer Network http://itvdn.com

ITVDN

Typescript Fundamentals

Особенности типизации
Функции


Сравнение с Javascript функциями
Типы передаваемых параметров и возвращаемые значения
Функции обратного вызова и лямбда выражения
Слайд 6

Типы данных Information Technology Video Developer Network http://itvdn.com ITVDN Typescript Fundamentals

Типы данных

Information Technology Video Developer Network http://itvdn.com

ITVDN

Typescript Fundamentals

В TypeScript имеются следующие

базовые типы:
Boolean: логическое значение true/false
Number: числовое значение
String: строки
Enum: перечисления
Void: отсутсвие конкретного типа
Undefined и Null: cоответствуют аналогичным с JavaScript
Слайд 7

Особенности типизации Information Technology Video Developer Network http://itvdn.com ITVDN Typescript Fundamentals

Особенности типизации

Information Technology Video Developer Network http://itvdn.com

ITVDN

Typescript Fundamentals

var x: number;

var x = 38;// аналогично
var x

: number = 38

var rect = { height : 150, width : 150 }; // подразумевается тип { height : Number; width : Number; }

enum PaymentStatus{
Closed,
Pending,
Opened
}

var paymentStatus:PaymentStatus = PaymentStatus.Opened

Слайд 8

Тип Array Information Technology Video Developer Network http://itvdn.com ITVDN Typescript Fundamentals

Тип Array

Information Technology Video Developer Network http://itvdn.com

ITVDN

Typescript Fundamentals

Массивы определяются с помощью

выражения [].

var emptyArray: any[] = new Array();

Елементы массивов записываются через запятые в квадратных скобках:

var array: string[] = [“Hello", “World", “!"];

Многомерные масивы (или масивы масивов)

var matrix: number[][] = [[1,5,8],[3,8,9],[7,8,15]]

Слайд 9

Тип any Information Technology Video Developer Network http://itvdn.com ITVDN Typescript Fundamentals

Тип any

Information Technology Video Developer Network http://itvdn.com

ITVDN

Typescript Fundamentals

Описывает тип, который может

быть неизвестен на момент написания приложения.

var a;
var b : any; // установление типа Any явно

var anyVar: any = “Value from anyVar";
anyVar = 20;

Тип Any можно использовать при работе с масивами и помещать в него разные типы данных.

var someArray: any[] = [ “Apple”,17, “Banana”, true];

Слайд 10

Функции Information Technology Video Developer Network http://itvdn.com ITVDN Typescript Fundamentals Определяются

Функции

Information Technology Video Developer Network http://itvdn.com

ITVDN

Typescript Fundamentals

Определяются с помощью ключевого слова function.

В скобках вы можете указывать типы параметров, а перед телом – возвращаемое значения функции

function add(a:number,b:number):number{
var sum :number = a + b;
return sum;
}
add(“15”,”0”) // работать не будет

Слайд 11

Необязательные параметры и параметры по умодчанию Information Technology Video Developer Network

Необязательные параметры и параметры по умодчанию

Information Technology Video Developer Network http://itvdn.com

ITVDN

Typescript

Fundamentals

Чтобы иметь возможность передавать различное число значений в функцию, некоторые параметры можно объявить как необязательные. Необязательные параметры должны быть помечены вопросительным знаком

function TemperatureConverter (celsius: number, calculateKelvin: boolean = true): number {
if ( calculateKelvin) { return celsius + 273; }
return (celsius * (9 / 5) +32);
}
TemperatureConverter(15,true);// результат 288
TemperatureConverter(15,false);// результат 59
TemperatureConverter(15);// результат 288

Слайд 12

Передача неизвестного количества параметров Information Technology Video Developer Network http://itvdn.com ITVDN

Передача неизвестного количества параметров

Information Technology Video Developer Network http://itvdn.com

ITVDN

Typescript Fundamentals

Если необходимо,

чтобы функция принимала набор однотипных параметров, то используется знак многоточия, после которого идет массив

function addNumbers(firstNumber: number, ...numberArray: number[]): number {
var result = firstNumber;
for (var i = 0; i < numberArray.length; i++) {
result+= numberArray[i];
}
return result;
}
var result = addNumbers(0, 1, 2, 3, 4);
console.log(result); // 10

Слайд 13

Функции обратного вызова и лямбда-выражения Information Technology Video Developer Network http://itvdn.com

Функции обратного вызова и лямбда-выражения

Information Technology Video Developer Network http://itvdn.com

ITVDN

Typescript Fundamentals

Чтобы

применять функции обратного вызова , используются лямбда-выражения.
Лямбда выражения представляет выражения типа (params) => (return_type), где params - параметры, return_type – возвращаемое значение

function addNumbers(x: number, y: number): number {
return x + y;
}
function operationFunction(x: number, y: number, callback: (a: number, b: number) => number){
return callback(x, y);
}
operationFunction(1,2,addNumbers)

Слайд 14

ITVDN.com Information Technology Video Developer Network http://itvdn.com ITVDN Смотрите наши уроки

ITVDN.com

Information Technology Video Developer Network http://itvdn.com

ITVDN

Смотрите наши уроки в видео формате

Посмотрите

этот урок в видео формате на образовательном портале ITVDN.com
для закрепления пройденного материала.
Все курсы записаны сертифицированными тренерами, которые работают в учебном центре CyberBionic Systematics
Слайд 15

TestProvider.com Information Technology Video Developer Network http://itvdn.com ITVDN Проверка знаний

TestProvider.com

Information Technology Video Developer Network http://itvdn.com

ITVDN

Проверка знаний

Слайд 16

Typescript Fundamentals Information Technology Video Developer Network http://itvdn.com ITVDN Q&A

Typescript Fundamentals

Information Technology Video Developer Network http://itvdn.com

ITVDN

Q&A