javascript語法基本要素是什麼

藏色散人
發布: 2022-01-19 14:33:28
原創
1549 人瀏覽過

javascript語法基本要素是值、運算子、表達式、關鍵字和註解;javascript每條語句是以分號結束,如果一條語句佔一行,可以不用寫分號。

javascript語法基本要素是什麼

本文操作環境:Windows7系統、javascript1.8.5版、DELL G3電腦

JavaScript語法

#js語句是由哪些基本要素組成,js值與運算子使用需要注意的有哪些?

什麼是文法,其實,文法就是一套規則。就像我們學習語文的時候,學習主謂賓、定狀補一樣。 JS也有文法,也有它自己的一套規則。

就像我們說話一樣,我們說話的內容是由一些列語句構成的,JS程式也是由一些列語句構成的。

我們說話是一句一句的說,程式的執行也是一句一句的執行。

在前端,JS程式是由瀏覽器執行的。

JS語句是由值、運算子、表達式、關鍵字和註解構成的。這就類似我們平常說的每一句話是由一個一個的字組成的一樣。

每條語句是以分號結束。

如果一條語句佔一行,可以不用寫分號。但是,我建議大家養成寫分號的習慣,這樣會避免出現很多不必要的麻煩。

JS會忽略多個空格,為了增強可讀性,我建議大家在程式碼裡加入空格,例如下面兩行程式碼:

var name = "刘小妞";var name="刘小妞";
登入後複製

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

JS語句可以用花括號{}括起來,花括號裡的程式碼稱為程式碼區塊。程式碼塊通常被用到函數裡,函數我們在後面會講到。

下面我們就來介紹JS語句裡的值、運算子、表達式、關鍵字、註解。

- 註釋

在程式碼裡適當的加入註釋,還是有必要的。既增強程式碼的可讀性,也有利於程式碼的調試。

註解主要是為程式碼添加說明的,解釋目前程式碼的功能。

註解的內容是不會被執行的。

註解分為單行註解和多行註解。

單行註解以 // 開頭,// 後面的內容不會被執行。舉個例子:

//给变量a赋值1
var a = 1 ;
var b = 2 ; //给变量b赋值2
单行注释的位置,通常在代码上面单独一行或者代码后面。

多行注释以 /* 开头,以 */ 结尾。这个和CSS的注释一样。
多行注释也叫注释块。写个例子。

/*
下面代码是给变量a和b赋值
a的值是1,b的值是2。
*/
var a = 1 ;
var b = 2 ;

一般情况下,单行注释就足够了。
登入後複製

我們偵錯程式碼的時候,也常常會用到註解。例如:

//var a = 1;
var a = 2;
登入後複製

我們可以透過加入註解的方法,不用來回的敲程式碼。

- JS的值

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

混合值稱為字面量,變數值稱為變量,常量值稱為常數。

字面量也叫直接量,就是看見什麼,就是什麼。也可以理解成是一個值。例如數值,1就是1,2就是2,也可以是小數,例如字串,字串是文本,由雙引號或單引號包圍,例如:「劉小妞」、『劉小妞』。也可以是一個陣列、一個物件。

字面量通常出現在賦值運算子右邊,賦值運算子下面會單獨介紹。舉個例子:

var a = "刘小妞"; //a是变量,等号右边的字符串刘小妞是字面量。
登入後複製

變數和常數是用來儲存資料值的,它們是容器。

變數用關鍵字var來聲明,常數用const宣告。

變數和常數的差別是,變數是儲存可變的值,可以被多次賦值;常數儲存不可變的值,不能被多次賦值。

常數宣告的時候必須有初始值,變數可以沒有。一般,常量都用大寫。

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

- JS的運算子

運算子應該不陌生,我們小學數學就學過。例如,算數運算子有:加減乘除,比較運算子有:大於、等於、小於。 JS裡的運算子和數學裡的運算子類似,只不過比小學數學裡的多一些,稍微有一點點差別。我們來一一介紹。

JS常用的運算子包括以下幾種:

賦值運算子
算數運算子
比較運算子
邏輯運算子
類型運算子

賦值運算子:(=)

賦值運算子是一個等號,我們在小學數學裡,等號是用來比較的。但是在JS裡,一個等號是用來賦值的,我們上面介紹值的時候,說JS的三種值通常用在賦值裡,就是用等號來實現賦值的。舉個例子:

var a = 1; //等号左边a是变量,等号右边1是字面量,等号是赋值运算符,通过赋值运算符把1赋值给了变量a。
登入後複製

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

-JS的 算数运算符

加法运算符:(+)

加法运算符有点特殊,因为在JS里,加号(+)也表示连接。所以,需要看加号两边值的类型。

1、加号两边都是数字,结果是两个数字相加的结果。比如:

var a = 1 + 1 ; //a的值是2
登入後複製

2、加号两边都是字符串,结果是两个字符串拼接。比如:

var a = '我是刘小妞'  + '栖息地' ; //a的结果是:“我是刘小妞栖息地”
登入後複製

3、加号两边一个数字一个字符串,结果是数字和字符串拼接成的字符串。比如:

var a = 1 + '刘小妞' ; //a的结果是:“1刘小妞”var a = '刘小妞' + 10 ; //a的结果是:“刘小妞10”
登入後複製

减法运算符:(-)
乘法运算符:(*)
除法运算符:(/)

减、乘、除,这三个和我们数学运算符的作用是一样的,只不过,符号不太一样。乘法用星号,除法用斜杠。

系数运算符:(%)它是返回余数。比如:

var a = 8 % 3; //a的值是2
登入後複製

递增运算符:(++)对数值进行递增,比如:

var a = 1;a++;var b = a;  //b的值是2
登入後複製

递增就是在原来的基础上加1。

递减运算符:(–)对数值进行递减

var a = 10;a--;var b = a;  //b的值是9
登入後複製

递减就是在原来的基础上减1。

说一下a++和++a的区别吧。在赋值的时候,它们两个的执行顺序是不一样的。比如:

var a = 1;var b = a++; //b的值1。
登入後複製

a++是先赋值,再递增。

var a = 10;var b = ++a; //b的值是11。
登入後複製

++a是先递增,再赋值。

a–和--a也是类似的。a–先赋值再递减,–a先递减再赋值。

这个也好记,就是值和运算符谁在前面,就先执行谁。

运算符的优先级和小学数学里的一样,计算顺序是从左到右,先乘除后加减,有括号的,先算括号里的。

-JS的比较运算符

大于运算符:(>)
小于运算符:(>)
大于或等于运算符:(>=)
小于或等于运算符:(<=)
等于运算符:(==)
等值等型运算符:(===)
不相等运算符:(!=)
不等值或不等型运算符:(!==)
三元运算符:(?)

大于、小于、大于等于、小于等于这四种和数学里的一样,我就不解释了。我重点讲下面的5种运算符。

等于运算符:(==),它的作用和数学里的一个等号是一样的,因为JS里一个等号被用做赋值了,所以,等于运算符用了两个等号。

等值等型运算符:(===),等值等型运算符是三个等号,它比两个等号严格一些,不仅两个数值要相等,两个值的类型也需要相等。

JS里有很多数据类型,有字符串,有数值等等,数据类型以后如果写的话再单独写,今天简单提一下。举个例子:

var a = &#39;123&#39; ;var b = 123 ;
登入後複製

a和b,a是字符串,b是数值。

a和b用两个等号比较,是相等的;用三个等号比较是不相等的。因为它们两个的数据类型不一样。

不相等运算符:(!=)
不等值或不等型运算符:(!==)

这两个和上面的等于运算符:(==)等值等型运算符:(===)类似。只不过,它俩比较的是不相等。

在讲三元运算符之前,我先介绍一个数据类型:布尔值

它有两个值:true和false。true是真,false是假。在写条件判断的时候,我们经常会用到这两个值。true就是条件成立,false就是条件不成立。

三元运算符:(?),也叫条件运算符,它这个稍微复杂一点。它一般是用在条件赋值里。格式如下:

var a = (condition) ? value1 :value2;
登入後複製

括号里是条件,如果condition的值是true,也就是条件成立,a的值就是value1,否则,a的值是value2。

写个小例子:

var a = 1 ;var b = (a>0) ? 2 : 3 ;  //b的值是2
登入後複製

三元运算符,我们在后面讲条件语句的时候,还会提到。

- JS的逻辑运算符

逻辑与运算符:(&&)
逻辑或运算符:(||)
逻辑非运算符:(!)

逻辑运算符总共三个,。它们一般是用在条件语句里的判断。

一般是连接多个判断条件,判断条件通常是用比较运算符连接。

逻辑与连接的多个运算结果都为真,它的结果才会是真,否则为假。
逻辑或连接的多个运算结果,有一个为真,它就为真。

举个例子:

var a = 1 ;var b = 5 ;var c = (a>0 && b<10); //c的值为truevar d = (a<0 || b<10); //d的值为true
登入後複製

逻辑非是取反。如果当前是真(true),取反就是假,当前是假,取反就是真。

写个例子:

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的表达式

表达式是值和运算符的组合,计算结果是值。

我们前面介绍值和运算符的时候,其实一直在写表达式。比如:

1 + 1a + 1"刘小妞" + "栖息地"
登入後複製

- JS的关键词

关键词是JS自己保留的单词,这些单词都是有特定功能的,我们在定义变量的时候,不能用关键词。下表是常用的关键词。

javascript語法基本要素是什麼

推荐学习:《javascript基础教程

以上是javascript語法基本要素是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!