您的位置：首页 > 技术中心 > 前端框架 >

javascript语法基本要素是什么

时间：2022-02-11 17:26

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 = '123' ;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的表达式

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

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