Добавил:
ivanov666
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Предмет:
Файл:Технологии разработки клиентских WEB-приложений на языке JavaScript. Учебное пособие
.pdf
Н. А. Рындин
ТЕХНОЛОГИИ РАЗРАБОТКИ КЛИЕНТСКИХ
WEB-ПРИЛОЖЕНИЙ НА ЯЗЫКЕ JAVASCRIPT
Учебное пособие
Воронеж 2020
681.3.06(075.8)
Технологии разработки клиентских WEB-приложений на языке
JavaScript: /
-
Рецензенты:
кафедра информационных технологий управления Воронежского
государственного университета
(зав. кафедрой д-р техн. наук, проф. М. Г. Матвеев);
д-р техн. наук, проф. О. Я. Кравец
Рындин, Н. А.
2020. 54
ISBN 978-5-7731-0888-7
WEB
09.04.02
(
WEB-
2
3. 9. 8
Печатается по решению редакционно-издательского совета
Воронежского государственного технического университета
ISBN 978-5-7731-0888-7 2020
2020
УДК 681.3.06(075.8)
ББК 32.92я7
ВВЕДЕНИЕ
Основы языка JavaScript
JavaScript web- web
JavaScript-
Ja-
vaScript 7-
TIOBE 2020
JavaScript Netscape 1995
JavaScript ,
Sun Microsystems Oracle),
Netscape ( Mozilla). Netscape
ECMA (European Computer Manufacturer’s Association), -
ECMAScript. ECMAScript ( ES) JavaScript
JavaScript
Java. -
Версии языка
JavaScript ES 6
ECMAScript
ECMA Script (ES1, ES2, ES3)
ES4 -
ES5
ES 6,
ES 6
ES 2015,
3
4
1
ECMAScript
1
1997
ES 1
2
1998
ES 2
3
1999
ES 3
•
• catch
4
ES 4
5
2009
ES 5
• use strict;
• getters setters;
• JSON;
•
•
5.1
2011
ES 5
6
2015
ES 6 /
ES 2015
• let const;
•
•
•
• Array.find ();
• Array.findIndex ()
7
2016
ES 2016
• (**);
• Array.prototype.includes
8
2017
ES 2017
• string padding;
•
• (async/await);
• Atomics
5
1
9
2018
ES
2018
• rest / spread
•
• Promise.finally();
•
10
2019
ES
2019
• Array.prototype.{flat,flatMap};
• Object.fromEntries;
• String.prototype.{trimStart,
trimEnd};
• optional catch binding
11
2020
ES
2020
• String.prototype.matchAll;
• import();
• BigInt;
• Promise.allSettled;
• globalThis;
• for-in;
• Optional Chaining;
• Nullish Coalescing
, ES 5,
use sctrict,
JavaScript
Среда разработки
6
Git,
Visual Studio Code
Visual Studio Code ( VSCode)
Microsoft . VSCode
JavaScript,
VSCode
Atom
Atom, GitHub.
Chrome,
Atom
Atom.
git Atom
GitHub).
git-plus,
git.
.less,
.coffe,
7
Sublime Text
Sublime Text
SideBarEnhancements
Atom,
Sublime Text
VIM
Vim
Unix
vi. -
Vim. Linux.
Vim
Vim
Выполнение скриптов на JavaScript
JavaScript
web-
JavaScript, Chrome,
Safari Firefox,
HTML-
JavaScript
CSS
HTML- <script>. JavaScript-
8
<head>
<script>
setTimeout(delay, 5000);
function delay() {
ale
}
</script>
</head>
<script src="/path/to/somescript.js"></script>
<script src="https://sample.url.com/path/to/somescript.js"></script>
//
var x; //
= 3 + // `x`
foo (x, y); // `foo` x` `y`
obj.bar (3); // `bar` obj`
//
if (x === 0) {// `x`
= 123;
}
// `baz` a` `b`
function baz (a, b) {
a + b;
}
HTML-
src
Синтаксис, переменные и выражения
Синтаксис языка
JavaScript.
(=)
(==)
9
(===)
x++; //
/*
*/
arguments
break
case
catch
class
const
continue
debugger
default
delete
do
else
enum
export
extends
false
finally
for
function
if
implements
import
in
in-
stanceof
interface
let
new
null
package
private
protected
public
return
static
super
switch
this
throw
true
try
typeof
var
void
while
JavaScript.
JavaScript
JavaScript
//
/* */:
JavaScript.
2
10
Типы данных и переменные языка
Object.
Undfind
Boolean
(true)
(false).
Number 64-
String
BigInt
.
Null
.
Objct
nw: nw Objct, new Array, new Map,
nw St, new WakMap, new WeakSet, new Date
Function
Object.
(const) aa JavaScript a
null Null;
true false Boolean;
String,
Number, 21 3.1415926.
var, let const.
let
var
const let,
Динамическая типизация
JvScript
Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]