JavaScript基础语法规则

目录
文章目录隐藏
  1. 什么是变量
  2. 变量命名
  3. 变量声明
  4. 变量赋值
  5. 表达式
  6. +号操作符
  7. 自加一,自减一 ( ++和- -)
  8. 比较操作符
  9. 逻辑与操作符
  10. 逻辑或操作符
  11. 逻辑非操作符
  12. 操作符优先级

本文主要讲解变量声明、变量类型,如何对它们进行赋值、改变、计算等一系列操作,掌握不同运算符的使用方法,灵活运用算术运算符、比较运算符、逻辑运算符对变量和数值进行操作。

什么是变量

什么是变量? 从字面上看,变量是可变的量;从编程角度讲,变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果…等。

什么是变量

变量命名

我们为了区分盒子,可以用 BOX1,BOX2 等名称代表不同盒子,BOX1 就是盒子的名字(也就是变量的名字)。

给变量取个名字(变量命名)

我们赶快给变量取个好名字吧!变量名字可以任意取,只不过取名字要遵循一些规则:

1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。如下:

正确: 
mysum
mychar
$numa1
错误:
6num  //开头不能用数字
%sum //开头不能用除(_ $)外特殊符号,如(%  + /等)
sum+num //开头中间不能使用除(_ $)外特殊符号,如(%  + /等)

2.变量名区分大小写,如:A 与 a 是两个不同变量。

3.不允许使用 JavaScript 关键字和保留字做变量名。

不允许使用 JavaScript 关键字和保留字做变量名

变量声明

我们要使用盒子装东西,是不是先要找到盒子,那在编程中,这个过程叫声明变量,找盒子的动作,如何表示:

声明变量语法: var 变量名;

var 就相当于找盒子的动作,在 JavaScript 中是关键字(即保留字),这个关键字的作用是声明变量,并为”变量”准备位置(即内存)。

var mynum ; //声明一个变量 mynum

当然,我们可以一次找一个盒子,也可以一次找多个盒子,所以 Var 还可以一次声明多个变量,变量之间用”,”逗号隔开。

var num1,mun2 ; //声明一个变量 num1

注意:变量也可以不声明,直接使用,但为了规范,需要先声明,后使用。

变量赋值

我们可以把变量看做一个盒子,盒子用来存放物品,那如何在变量中存储内容呢?

我们使用”=”号给变量存储内容,看下面的语句:

var mynum = 5 ; //声明变量 mynum 并赋值。

这个语句怎么读呢? 给变量 mynum 赋值,值为 5。我们也可以这样写:

var mynum; //声明变量 mynum
mynum = 5 ; //给变量 mynum 赋值

注:这里 “=”号的作用是给变量赋值,不是等于号。

盒子可以装衣服、玩具、水果…等。其实,变量是无所不能的容器,你可以把任何东西存储在变量里,如数值、字符串、布尔值等,例如:

var num1 = 123;       // 123 是数值
var num2 = "一二三";    //"一二三"是字符串
var num3=true;    //布尔值 true(真),false(假)

其中,num1 变量存储的内容是数值;num2 变量存储的内容是字符串,字符串需要用一对引号””括起来,num3 变量存储的内容是布尔值(true、false)。

表达式

表达式与数学中的定义相似,表达式是指具有一定的值、用操作符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量。

我们先看看下面的 JavaScript 语句:

JavaScript 语句

生活中“再见”表达方法很多,如:英语(goodbye)、网络语(88)、肢体语(挥挥手)等。在 JavaScript 表达式无处不在,所以一定要知道可以表达哪些内容,看看下面几种情况:

串行表达式

注意:串表达式中 mychar 是变量

数值表达式中 num 是变量

注意:数值表达式中 num 是变量

布尔表达式中 num 是变量

注意:布尔表达式中 num 是变量

+号操作符

操作符是用于在 JavaScript 中指定一定动作的符号。

(1)操作符

看下面这段 JavaScript 代码。

sum = numa + numb;

其中的”=”和”+”都是操作符。

JavaScript 中还有很多这样的操作符,例如,算术操作符(+、-、*、/等),比较操作符(<、>、>=、<=等),逻辑操作符(&&、||、!)。

注意: “=” 操作符是赋值,不是等于。

(2) “+”操作符

算术运算符主要用来完成类似加减乘除的工作,在 JavaScript 中,“+”不只代表加法,还可以连接两个字符串,例如:

mystring = "Java" + "Script"; // mystring 的值“JavaScript”这个字符串

自加一,自减一 ( ++和- -)

算术操作符除了(+、-、*、/)外,还有两个非常常用的操作符,自加一“++”;自减一“–”。首先来看一个例子:

mynum = 10;
mynum++; //mynum 的值变为 11
mynum--; //mynum 的值又变回 10

上面的例子中,mynum++使 mynum 值在原基础上增加 1,mynum–使 mynum 在原基础上减去 1,其实也可以写成:

mynum = mynum + 1;//等同于 mynum++
mynum = mynum - 1;//等同于 mynum--

比较操作符

我们先来做道数学题,数学考试成绩中,小明考了 90 分,小红考了 95 分,问谁考的分数高?
答: 因为“95 > 90”,所以小红考试成绩高。

其中大于号”>” 就是比较操作符,小红考试成绩和小明考试成绩就是操作数,并且是两个操作数。

也就是说两个操作数通过比较操作符进行比较,得到值为真(true)和假(false)。

在 JavaScript 中,这样的比较操作符有很多,这些操作符的含义如下:

操作符的含义

看看下面例子:

var a = 5;//定义 a 变量,赋值为 5
var b = 9; //定义 b 变量,赋值为 9
document.write (a<b); //a 小于 b 的值吗? 结果是真(true) document.write (a>=b); //a 大于或等于 b 的值吗? 结果是假(false)
document.write (a!=b); //a 不等于 b 的值吗? 结果是真(true)
document.write (a==b); //a 等于 b 的值吗? 结果是假(false)

逻辑与操作符

数学里面的“a>b”,在 JavaScript 中还表示为 a>b;数学中的“b 大于 a,b 小于 c”是“a<b<c”,那么在 JavaScript 中可以用&&表示,如下:

b>a && b<c    //“&&”是并且的意思, 读法"b 大于 a"并且" b 小于 c "

好比我们参加高考时,在进入考场前,必须出示准考证和身份证,两者缺一不可,否则不能参加考试,表示如下:

if(有准考证 &&有身份证) 
{
   进行考场考试
}

“&&”是逻辑与操作符,只有“&&”两边值同时满足(同时为真),整个表达式值才为真。

逻辑与操作符值表:

逻辑与操作符值表

注意: 如果 A 为假,A && B 为假,不会在执行 B; 反之,如果 A 为真,要由 B 的值来决定 A && B 的值。

逻辑或操作符

“||”逻辑或操作符,相当于生活中的“或者”,当两个条件中有任一个条件满足,“逻辑或”的运算结果就为“真”。

例如:本周我们计划出游,可是周一至周五工作,所以周六或者周日哪天去都可以。即两天中只要有一天有空,就可以出游了。

var a=3;
var b=5;
var c;
c=b>a ||a>b;  //b>a 是 true,a>b 是 false,c 是 true

逻辑或操作符值表:

逻辑或操作符值表

注意: 如果 A 为真,A || B 为真,不会在执行 B; 反之,如果 A 为假,要由 B 的值来决定 A || B 的值。

逻辑非操作符

“!”是逻辑非操作符,也就是”不是”的意思,非真即假,非假即真。好比小华今天买了一个杯子,小明说:”杯子是白色的”,小亮说:“杯子是红色的”,小华说:”小明说的不是真话,小亮说的不是假话”。猜猜小华买的什么颜色的杯子,答案:红色杯子。

逻辑非操作符值表:

逻辑非操作符值表

看看下面代码,变量 c 的值是什么:

var a=3;
var b=5;
var c;
c=!(b>a);  // b>a 值是 true,! (b>a)值是 false
c=!(b<a);  // b<a 值是 false, ! (b<a)值是 true

操作符优先级

我们都知道,除法、乘法等操作符的优先级比加法和减法高,例如:

var numa=3;
var numb=6
jq= numa + 30 / 2 - numb * 3;  // 结果为 0

如果我们要改变运算顺序,需添加括号的方法来改变优先级:

var numa=3;
var numb=6
jq= ((numa + 30) / (2 - numb)) * 3; //结果是-24.75

操作符之间的优先级(高到低):

算术操作符 → 比较操作符 → 逻辑操作符 → “=”赋值符号

如果同级的运算是按从左到右次序进行,多层括号由里向外。

var numa=3;
var numb=6;
jq= numa + 30 >10 && numb * 3<2;  //结果为 false

「点点赞赏,手留余香」

2

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » JavaScript基础语法规则

发表回复