今天小編給大家分享一下javascript語法的基本要素有哪些的相關(guān)知識點，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

為豐潤等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及豐潤網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站設(shè)計制作、成都網(wǎng)站設(shè)計、豐潤網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

javascript語法基本要素是值、運算符、表達式、關(guān)鍵詞和注釋；javascript每條語句是以分號結(jié)束，如果一條語句占一行，可以不用寫分號。

本文操作環(huán)境：Windows7系統(tǒng)、javascript1.8.5版、DELL G3電腦

JavaScript語法

js語句是由哪些基本要素組成，js值與運算符使用需要注意的有哪些？什么是語法，其實，語法就是一套規(guī)則。就像我們學(xué)習(xí)語文的時候，學(xué)習(xí)主謂賓、定狀補一樣。JS也有語法，也有它自己的一套規(guī)則。

就像我們說話一樣，我們說話的內(nèi)容是由一些列語句構(gòu)成的，JS程序也是由一些列語句構(gòu)成的。

我們說話是一句一句的說，程序的執(zhí)行也是一句一句的執(zhí)行。

在前端，JS程序是由瀏覽器執(zhí)行的。

JS語句是由值、運算符、表達式、關(guān)鍵詞和注釋構(gòu)成的。這就類似我們平時說的每一句話是由一個一個的字詞組成的一樣。

每條語句是以分號結(jié)束。

如果一條語句占一行，可以不用寫分號。但是，我建議大家養(yǎng)成寫分號的習(xí)慣，這樣會避免出現(xiàn)很多不必要的麻煩。

JS會忽略多個空格，為了增強可讀性，我建議大家在代碼里添加空格，比如下面兩行代碼：

var name = "劉小妞";var name="劉小妞";

這兩句是一樣的，但是，第一句我們在等號的左右兩邊加了空格，看起來會舒服很多。

JS語句可以用花括號{}括起來，花括號里的代碼被稱為代碼塊。代碼塊通常被用到函數(shù)里，函數(shù)我們在后面會講到。

下面我們就來介紹JS語句里的值、運算符、表達式、關(guān)鍵詞、注釋。

- 注釋

在代碼里適當(dāng)?shù)奶砑幼⑨?，還是很有必要的。既增強代碼的可讀性，也有利于代碼的調(diào)試。

注釋主要是給代碼添加說明的，解釋當(dāng)前代碼的功能。

注釋的內(nèi)容是不會被執(zhí)行的。

注釋分為單行注釋和多行注釋。

單行注釋以 // 開頭，// 后面的內(nèi)容不會被執(zhí)行。舉個例子：

//給變量a賦值1
var a = 1 ;
var b = 2 ; //給變量b賦值2
單行注釋的位置，通常在代碼上面單獨一行或者代碼后面。

多行注釋以 /* 開頭，以 */ 結(jié)尾。這個和CSS的注釋一樣。
多行注釋也叫注釋塊。寫個例子。

/*
下面代碼是給變量a和b賦值
a的值是1，b的值是2。
*/
var a = 1 ;
var b = 2 ;

一般情況下，單行注釋就足夠了。

我們調(diào)試代碼的時候，也經(jīng)常會用到注釋。比如：

//var a = 1;
var a = 2;

我們可以通過添加注釋的方法，不用來來回回的敲代碼。

- JS的值

JS語句定義了三種類型的值：混合值、變量值、常量值。

混合值被稱為字面量，變量值被稱為變量，常量值被稱為常量。

字面量也叫直接量，就是看見什么，就是什么。也可以理解成是一個值。比如數(shù)值，1就是1，2就是2，也可以是小數(shù)，比如字符串，字符串是文本，由雙引號或者單引號包圍，比如：“劉小妞”、‘劉小妞’。也可以是一個數(shù)組、一個對象。

字面量通常出現(xiàn)在賦值運算符右邊，賦值運算符下面會單獨介紹。舉個例子：

var a = "劉小妞"; //a是變量，等號右邊的字符串劉小妞是字面量。

變量和常量是用來存儲數(shù)據(jù)值的，它們是容器。

變量用關(guān)鍵詞var來聲明，常量用const聲明。

變量和常量的區(qū)別是，變量是存儲可變的值，可以被多次賦值；常量存儲不可變的值，不能被多次賦值。

常量聲明的時候必須有初始值，變量可以沒有。一般，常量都用大寫。

JS的三種值通常用在賦值里。

- JS的運算符

運算符應(yīng)該不陌生，我們小學(xué)數(shù)學(xué)里就學(xué)過。比如，算數(shù)運算符有：加減乘除，比較運算符有：大于、等于、小于。JS里的運算符和數(shù)學(xué)里的運算符類似，只不過比小學(xué)數(shù)學(xué)里的多一些，稍微有一點點區(qū)別。我們來一一介紹。

JS常用的運算符包括下面幾種：

賦值運算符
算數(shù)運算符
比較運算符
邏輯運算符
類型運算符

賦值運算符：（=）

賦值運算符是一個等號，我們在小學(xué)數(shù)學(xué)里，等號是用來比較的。但是在JS里，一個等號是用來賦值的，我們上面介紹值的時候，說JS的三種值通常用在賦值里，就是通過等號來實現(xiàn)賦值的。舉個例子：

var a = 1; //等號左邊a是變量，等號右邊1是字面量，等號是賦值運算符，通過賦值運算符把1賦值給了變量a。

一個等號是最基本的賦值運算符，還有一些高級一點的賦值運算符，它們不只是賦值，還有邏輯計算的功能，這個我們在介紹完了其他幾種運算符之后，再來介紹。

-JS的 算數(shù)運算符

加法運算符：（+）

加法運算符有點特殊，因為在JS里，加號（+）也表示連接。所以，需要看加號兩邊值的類型。

1、加號兩邊都是數(shù)字，結(jié)果是兩個數(shù)字相加的結(jié)果。比如：

var a = 1 + 1 ; //a的值是2

2、加號兩邊都是字符串，結(jié)果是兩個字符串拼接。比如：

var a = '我是劉小妞'  + '棲息地' ; //a的結(jié)果是：“我是劉小妞棲息地”

3、加號兩邊一個數(shù)字一個字符串，結(jié)果是數(shù)字和字符串拼接成的字符串。比如：

var a = 1 + '劉小妞' ; //a的結(jié)果是：“1劉小妞”var a = '劉小妞' + 10 ; //a的結(jié)果是：“劉小妞10”

減法運算符：（-）
乘法運算符：（*）
除法運算符：（/）

減、乘、除，這三個和我們數(shù)學(xué)運算符的作用是一樣的，只不過，符號不太一樣。乘法用星號，除法用斜杠。

系數(shù)運算符：（%）它是返回余數(shù)。比如：

var a = 8 % 3; //a的值是2

遞增運算符：（++）對數(shù)值進行遞增，比如：

var a = 1;a++;var b = a;  //b的值是2

遞增就是在原來的基礎(chǔ)上加1。

遞減運算符：（–）對數(shù)值進行遞減

var a = 10;a--;var b = a;  //b的值是9

遞減就是在原來的基礎(chǔ)上減1。

說一下a++和++a的區(qū)別吧。在賦值的時候，它們兩個的執(zhí)行順序是不一樣的。比如：

var a = 1;var b = a++; //b的值1。

a++是先賦值，再遞增。

var a = 10;var b = ++a; //b的值是11。

++a是先遞增，再賦值。

a–和--a也是類似的。a–先賦值再遞減，–a先遞減再賦值。

這個也好記，就是值和運算符誰在前面，就先執(zhí)行誰。

運算符的優(yōu)先級和小學(xué)數(shù)學(xué)里的一樣，計算順序是從左到右，先乘除后加減，有括號的，先算括號里的。

-JS的比較運算符

大于運算符：（>）
小于運算符：（>）
大于或等于運算符：（>=）
小于或等于運算符：（<=）
等于運算符：（==）
等值等型運算符：（===）
不相等運算符：（!=）
不等值或不等型運算符：（!==）
三元運算符：（?）

大于、小于、大于等于、小于等于這四種和數(shù)學(xué)里的一樣，我就不解釋了。我重點講下面的5種運算符。

等于運算符：（==），它的作用和數(shù)學(xué)里的一個等號是一樣的，因為JS里一個等號被用做賦值了，所以，等于運算符用了兩個等號。

等值等型運算符：（===），等值等型運算符是三個等號，它比兩個等號嚴(yán)格一些，不僅兩個數(shù)值要相等，兩個值的類型也需要相等。

JS里有很多數(shù)據(jù)類型，有字符串，有數(shù)值等等，數(shù)據(jù)類型以后如果寫的話再單獨寫，今天簡單提一下。舉個例子：

var a = '123' ;var b = 123 ;

a和b，a是字符串，b是數(shù)值。

a和b用兩個等號比較，是相等的；用三個等號比較是不相等的。因為它們兩個的數(shù)據(jù)類型不一樣。

不相等運算符：（!=）
不等值或不等型運算符：（!==）

這兩個和上面的等于運算符：（==）、等值等型運算符：（===）類似。只不過，它倆比較的是不相等。

在講三元運算符之前，我先介紹一個數(shù)據(jù)類型：布爾值。

它有兩個值：true和false。true是真，false是假。在寫條件判斷的時候，我們經(jīng)常會用到這兩個值。true就是條件成立，false就是條件不成立。

三元運算符：（?），也叫條件運算符，它這個稍微復(fù)雜一點。它一般是用在條件賦值里。格式如下：

var a = (condition) ? value1 :value2;

括號里是條件，如果condition的值是true，也就是條件成立，a的值就是value1，否則，a的值是value2。

寫個小例子：

var a = 1 ;var b = (a>0) ? 2 : 3 ;  //b的值是2

三元運算符，我們在后面講條件語句的時候，還會提到。

- JS的邏輯運算符

邏輯與運算符：（&&）
邏輯或運算符：（||）
邏輯非運算符：（!）

邏輯運算符總共三個，與、或、非。它們一般是用在條件語句里的判斷。

與和或一般是連接多個判斷條件，判斷條件通常是用比較運算符連接。

邏輯與連接的多個運算結(jié)果都為真，它的結(jié)果才會是真，否則為假。
邏輯或連接的多個運算結(jié)果，有一個為真，它就為真。

舉個例子：

var a = 1 ;var b = 5 ;var c = (a>0 && b<10); //c的值為truevar d = (a<0 || b<10); //d的值為true

邏輯非是取反。如果當(dāng)前是真（true），取反就是假，當(dāng)前是假，取反就是真。

寫個例子：

var a = 1 ;var b = 5 ;var c = (a==b); //c的值是falsevar d = !c ; //d的值是true

邏輯運算符從字面意思也能理解。
與就是并且的意思；或就是或者的意思；非就是相反的意思。

說一下前面說的高級一點的賦值運算符吧。其實，高級一點的運算符就是把上面說的運算符綜合運用了一下。列幾個常用的吧。

賦值運算符：（+=），比如：a += b 等價于 a = a + b
賦值運算符：（-=），比如：a -= b 等價于 a = a - b
賦值運算符：（*=），比如：a *= b 等價于 a = a * b
賦值運算符：（/=），比如：a /= b 等價于 a = a / b
賦值運算符：（%=），比如：a %= b 等價于 a = a % b

- JS的表達式

表達式是值和運算符的組合，計算結(jié)果是值。

我們前面介紹值和運算符的時候，其實一直在寫表達式。比如：

1 + 1a + 1"劉小妞" + "棲息地"

- JS的關(guān)鍵詞

關(guān)鍵詞是JS自己保留的單詞，這些單詞都是有特定功能的，我們在定義變量的時候，不能用關(guān)鍵詞。下表是常用的關(guān)鍵詞。

以上就是“javascript語法的基本要素有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。