前端培訓-初級階段（13） - ECMAScript （語法、變量、值、類型、運算符、語句）

libin19890520 發布于2019-08-26 13:39 / 567人閱讀

摘要：我們要講什么語法變量類型值運算符語句語法如果是熟悉任意一門高級編程語言的開發者會發現的語法很容易掌握，因為差距不是很大，其中也有借鑒的地方。對象占位符，認為是一個空的值。

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每周四）。

該文為前端培訓-初級階段（13、18） (介紹了 ECMAScript 歷史，ES6 常用點)的補充內容。

本文介紹ECMAScript基礎知識。

我們要講什么

語法

變量

類型、值

運算符

語句

語法

如果是熟悉任意一門高級編程語言的開發者會發現 ECMAScript 的語法很容易掌握，因為差距不是很大，其中也有借鑒的地方。尤其是與 Java 有一些關鍵的語法特性相同，名字都是蹭熱度。

區分大小寫 var 與 Var 是不同的變量

變量是弱類型的 這點和其他語言有很大區別，（前端也有TS）。

結尾分號不是必須的 但是比如(()=>console.log("ln"))()，有時候容易出現異常錯誤

window.a
;(v=>console.log(v))(1)
window.a
(v=>console.log(v))(1)

注釋

單行注釋以雙斜杠開頭（//）

多行注釋以單斜杠和星號開頭（/*），以星號和單斜杠結尾（*/）

括號表示代碼塊 不會生成塊級作用域(老版本)

變量

命名規則
第一個字符必須是字母、下劃線（_）或美元符號（$），余下的字符可以是下劃線、美元符號或任何字母或數字字符

聲明方式

var 聲明變量，變量提升

let 會生成塊級作用域

const 生成一個不可以改變的常量

類型、值

原始類型
存儲在棧（stack）中的簡單數據段，也就是說，它們的值直接存儲在變量訪問的位置。
原型類型有 Undefined、Null、Boolean、Number 和 String 。由于這些原始類型占據的空間是固定的，所以可將他們存儲在較小的內存區域中（棧）。這樣存儲便于迅速查尋變量的值。
可以使用 typeof 來判斷是什么類型

注釋：您也許會問，為什么 typeof 運算符對于 null 值會返回 "Object"。這實際上是 JavaScript 最初實現中的一個錯誤，然后被 ECMAScript 沿用了。現在，null 被認為是對象的占位符，從而解釋了這一矛盾，但從技術上來說，它仍然是原始值。

Undefined 當聲明的變量未初始化時，或者對象中不存在的值。認為是一個暫未賦值的值。

Null 對象占位符，認為是一個空的值。

Boolean 布爾類型 true 和 false。

Number 可以表示 32 位的整數，還可以表示 64 位的浮點數。對于浮點字面量的有趣之處在于，用它進行計算前，真正存儲的是字符串。

用 64 位 IEEE 754 形式存儲浮點值，這意味著十進制值最多可以有 17 個十進制位。17 位之后的值將被裁去，從而造成一些小的數學誤差。

String 字符串類型

引用類型
存儲在堆（heap）中的對象，也就是說，存儲在變量處的值是一個指針（point），指向存儲對象的內存處。
該類型指 Object ，當然還有 Array，Array 也是對象的一種。

運算符

運算符	優先級	例子	描述
. [] ()	1	*Math.random();arr[0];(a+1)b**	字段訪問、數組下標、函數調用以及表達式分組
++ -- + - ~ ! delete new typeof void	2	++a;a++;+a;-a;~a;!a;	一元運算符
* / %	3	++a;a++;+a;-a;~a;!a;	二元運算符，算數運算符，乘、除、余
+ -	4	a+b;a+"";a-b	二元運算符，算數運算符，加減、字符串連接
<< >> >>>	5	2>>1	二元運算符，位運算符，位移，無符號位移
< <= > >= instanceof	6	2>1	二元運算符，比較運算符
== != === !==	7	2==1	二元運算符，比較運算符
&	8	2&1	二元運算符，位運算符，按位與
^	9	2^1	二元運算符，位運算符，按位異或
1	10	211	二元運算符，位運算符，按位或
&&	11	2&&1	二元運算符，邏輯運算符，短路
11	12	2111	二元運算符，邏輯運算符，短路
?:	13	``	三元運算符，條件運算符
= oP=	14	``	二元運算符，賦值運算符
,	15	``	逗號，多重

語句

語句	功能	示例	描述
if	邏輯判斷	if(a % 2 == 0){console.log("偶數")}	用來判斷條件成立執行代碼
if(){}else{}
if(){}else if(){}else{}
switch(){case:break;default:break;}	類似于if但是是單值匹配		找到對應狀態執行代碼
for(初值;判斷;步長){}	循環遍歷	for(var = 1;i < 10; i++) console.log(i)	完成多個相同功能的任務
while(判斷){}	循環遍歷		完成多個相同功能的任務
do{}while();	循環遍歷		完成多個相同功能的任務

GPU云服務器云服務器 java運算語法初級前端工程師初級前端開發工程師簡歷 php查詢語句變量

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109270.html

前端培訓-初級階段（13） - ECMAScript （語法、變量、值、類型、運算符、語句）

摘要：我們要講什么語法變量類型值運算符語句語法如果是熟悉任意一門高級編程語言的開發者會發現的語法很容易掌握，因為差距不是很大，其中也有借鑒的地方。對象占位符，認為是一個空的值。前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，...

edgardeng 2019-08-02 16:10 評論0 收藏0
前端培訓-中級階段（4）- BOM 瀏覽器對象模型（2019-07-04期）

摘要：提供了與瀏覽器窗口進行交互的對象標簽之間不會共享。用于描述當前瀏覽器的歷史記錄。表示窗口是否以全屏顯示。前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每周四）。前面我們已經基本掌握常規的語法語義，以及基...

smallStone 2019-08-02 15:22 評論0 收藏0
前端培訓-中級階段（4）- BOM 瀏覽器對象模型（2019-07-04期）

摘要：提供了與瀏覽器窗口進行交互的對象標簽之間不會共享。用于描述當前瀏覽器的歷史記錄。表示窗口是否以全屏顯示。前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每周四）。前面我們已經基本掌握常規的語法語義，以及基...

h9911 2019-08-23 18:15 評論0 收藏0