小白前端教程系列-JavaScript零基础学习-(变量、常量、运算符)

小白前端教程系列-JavaScript零基础学习-(变量、常量、运算符)

课题一 变量常量与运算符


从本次课程开始我们将进入JavaScript基础教程学习,本课程附带PPT讲义,课程主要针对JavaScript学习入门者。

变量

在计算机程序设计语言中,变量是存储数据的容器,变量名称是该容器的标识,即我们可以通过变量名称获取变量所存储的值,变量在作为容器使用的过程中,其中的值是可以发生改变的。变量的基本操作包括了变量的声明、变量的赋值及变量值的读取等相关操作。

小白前端教程系列-JavaScript零基础学习-(变量、常量、运算符)

变量的读写操作

常量

常量概念是与变量相对应应的,也是用于实现对值进行存储与标识,唯一不同点在于常量一旦定义、赋值之后,其值是不再被允许修改的。如在程序设计中我们经常把π定义成常量。

变量常量的定义与赋值

<code>基本语法:
(1)变量      var   变量名 = 变量值;
(2)常量      const 常量名=常量值;/<code>
小白前端教程系列-JavaScript零基础学习-(变量、常量、运算符)

注意事项

小白前端教程系列-JavaScript零基础学习-(变量、常量、运算符)

变量常量的使用

变量常量的命名规则

变量常量的命名需要遵循ECMAScript 规范,同时需要需要注意命名与JavaScript语法的关键字不允许出现重复。ECMAScript提供的基本命名规则主要包括大驼峰与小驼峰规则,描述如下:

小白前端教程系列-JavaScript零基础学习-(变量、常量、运算符)

大驼峰与小驼峰命名规则

JavaScript命名规则基本要求描述如下:

<code>1、变量全部采用小驼峰命名规则;
2、变量首写单词应当使用名词,应当与表示数据属性相关,如bookName,图书的名字变量;
3、常量全部采用字母大写命名形式;
4、常量单词组合中用下横线进行连接 如BOOK_NAME;/<code>

运算符基本概念

从字面意思理解,运算符是指参与运算的符号,如我们在小学学习的算术四则运算,其运算符主要包括+、-、*、/,四类运算,注意在计算机中乘法用*表示。

运算符连接或者操作的对象,我们成为操作数,在计算机程序语言中操作数可以是一个数值,可以是一个字符串。

JavaScript中的运算符

<code>1、算术运算符 :  (+加法、 -减法、 *乘法、 /除法、 %取余数、 ++自加、  --自减)
2、赋值运算符: (=,+=,*=,/=,%=)
3、字符连接运算符: +

4、比较运算符:>,>=,5、逻辑运算符: 与&&,或||,非!
6、三目运算符(条件运算符):(条件表达式)?值1:值2/<code>

算术运算符说明

<code>++ :操作数的值加1,如var  a=10; a++;运算结果为11;
      等价于 a=a+1;
--   :操作数的值减一,如var a=10; a--;运算结果为9;
      等价于a=a-1;
%: 取余数运算,如var  a=10;  a%3=1;其余数为1;/<code>
小白前端教程系列-JavaScript零基础学习-(变量、常量、运算符)

自加自减运算说明

赋值运算符

+=、*=、/=、-=、%= 这几类运算符为组合运算符,其运算过程需要首先完成+,-,*,%,/运算再进行赋值运算,我们以+=元素符为例进行说明:

<code>+= :加法运算与赋值运算组合;先完成运算符两端操作数+运算,再将其计算结果赋值给左侧操作数。例如:
var m=10;
m+=20;//等价于 m=m+20;
其他运算与此类同;/<code>
小白前端教程系列-JavaScript零基础学习-(变量、常量、运算符)

赋值运算练习测试题

比较运算符

比较运算符主要包括,>,>=,

<code>1、注意计算机中表示的大于等于及小于等于;
2、==与===的区别,用于判断两个操作数是否相等?
  ==只用于判断值是否相等,如果两个操作数类型不一样会强制转换成一样的类型判断
  ===除判断值是否相等之外,还对数据类型进行判断,即当值与类型一致时,才能判断两个操作数相等。
3、比较运算符计算结果为逻辑值,JS中逻辑值为false与true/<code>
小白前端教程系列-JavaScript零基础学习-(变量、常量、运算符)

==与===等代码分析与测试

逻辑运算符

JS中逻辑值为false与true,也称为布尔类型Bool。因此逻辑运算符主要是对逻辑值进行操作的运算符号。其中逻辑真为true (1),逻辑假为false(0);

<code>1、与运算    操作符两端同为true结果为true,否则为false
2、或运算    操作符两端只要有一个为true,则结果为true。
3、逻辑非运算   对被操作数的逻辑值取反,即操作数为true结果为false,操作数为false结果为true;/<code>
小白前端教程系列-JavaScript零基础学习-(变量、常量、运算符)

逻辑运算操作练习

三目运算符

三目运算符,是指有两个操作符与三个操作数组成的运算符,JavaScript条件运算符为三目运算符,其中第一个操作数的逻辑值决定了运算的取值,当第一个操作数为true时,返回值为第二个操作数,否则为第三个操作数。

<code>基本语法: 操作数1?操作数2?操作数3
  /<code>

本头条号长期关注编程资讯分享;编程课程、素材、代码分享及编程培训。如果您对以上方面有兴趣或代码错误、建议与意见,可以联系作者,共同探讨。更多程序设计相关教程及实例分享,期待大家关注与阅读!


分享到:


相關文章: