【JAVAScript表达式和运算符】

1、 常量和变量

JavaScript有三种声明方式:

var 声明一个变量,可赋一个初始值。

let 声明一个块作用域的局部变量,可赋一个初始值。

const 声明一个块作用域的只读命名的常量。

1.1、 声明变量

变量的名字又叫做“标识符”,必须以字母、下划线( _ )或者美元符号( $ )开头, 并且区分大小写。 变量声明有三种方式: 如 var a = 1 ,声明局部变量和全局变量。 如 a = 1 ,声明一个全局变量,且在严格模式报错,不应该使用。 如 let a = 1 ,声明一个块作用域的局部变量。 注意: 若没有为变量赋初始值,则值默认为 undefined ;

1.2、 变量作用域

全局变量:即声明在函数之外,当前文档所有地方都可以访问; 局部变量:即声明在函数内部,仅在当前函数内可 以访问; 在ES5之前没有语句块作用域的概念,并只能使用 var 进行声明,用 var 声明的变量,在函数内和全局 都可以访问,而在ES6开始,将只能在声明的作用域中使用:

1.3、 常量

ES6之后我们可以使用 const 来声明一个只读的常量,并且在声明时必须赋值,之后在相同作用域中不能赋值也不 能重新声明,否则报错。

if(true){ var a = 1; } a; // 1 if(true){ let b = 2; } b; // ReferenceError: b is not defined const a; // Uncaught SyntaxError: Missing initializer in const declaration

名称 简写的操作符 含义 赋值 x = y x = y

加法赋值 x += y x = x + y

减法赋值 x -= y x = x - y

乘法赋值 x *= y x = x * y

除法赋值 x /= y x = x / y

求余赋值 x %= y x = x % y

求幂赋值 x **= y x = x ** y

2、 表达式和运算符

2.1、 赋值运算符

最简单的赋值运算符是 = ,它将右边操作数的值赋值给左边的操作数,如 a = b 。 另外常见的复合赋值运算符 有如下: 实例:定义变量x,y,然后x的值等于x加y,显示x的最终结果

2.2、 比较运算符

通过比较两个比较对象来返回一个是否为真的布尔值,当两个比较的对象不是相同类型,JavaScript会尝试将两个 比较对象转换成相同类型进行比较:

常用的比较运算符有:

const b = 'leo'; b = 'hi'; // Uncaught TypeError: Assignment to constant variable. function f(){ const a1 = 'hi'; console.log(a1); } f(); // 'hi' const a1 = 'hi leo'; a1; // "hi leo" let a = 10; let b = '12'; a > b; // false

名称 描述 返回true的示例 等于 == 操作符两边数据相等 3 == '3'

不等于 !== 操作符两边数据不相等 3 != '4'

全等 === 操作符两边数据相等且类型相同 3 === 3

不全等 !== 操作符两边数据不相等或类型不相同 3 !== '3'

大于 > 判断操作符左边大于右边 3 > 2

大于等于 >= 判断操作符左边大于或等于右边 3 >= 2

小于 < 判断操作符左边小于右边 3 < 4

小于等于 判断操作符左边小于或等于右边 3

名称 描述 示例 求余 % 返回相除之后的余数 11 % 5 返回 1

自增 ++ ++N 返回加一以后的值, N++ 返回原数值然后加一 ++3 返回4, 3++ 返回3

自减 -- --N 返回减一以后的值, N-- 返回原数值然后减一 --3 返回2, 3-- 返回3

一元负值符

-

返回操作数的负数,若不是 Number 则试图转换为 Number

再取负值 -'-2' 返回 2 ; -2 返回 2

一元正值符

+ 若操作数不是 Number 类型则试图转换为 Number +'-2' 返回 -2 ; +'2' 返 回 2

指数运算符

** 计算底数 a 的指数 n 次方 2 ** 3 返回 8

实例:定义变量score,如果score大于或等于90,则显示“优秀”

2.3、 算数运算符

除了标准的加减乘除这些基本运算符,JavaScript还提供一些新的算数运算符: 实例:输入数字判断奇偶

2.4、 逻辑运算符

常用来处理布尔值,但是当处理非布尔值的时候,往往返回非布尔值:运算符 描述 示例 逻辑与

&& 若 a 和 b 都能转为 true 则返回 true 1+1==2 && 1-1==0 返回

true

逻辑或

||

若 a 和 b 其中一个能转为 true 则返回 true ,若都是 false

则返回 false 1+1==3 || 1-1==0 返回

true

逻辑非

! 若 a 能转为 true 则返回 false !1+1==2 返回 false

注意: 相当于 false 的值还有 null , 0 , NaN ,空字符串 "" 和 undefined 。 实例:定义变量score、age,如果score大于或等于90并且age大于18,或者age小于18但score大于80,则显 示“优秀”

2.5、 字符串运算符

在拼接字符串中,由 + 来连接两个字符串:

2.6、 条件(三元)运算符

可以使用三个操作数的运算符,运算结果为根据给定条件在两个值中取一个:

实例:定义变量score,如果score大于或等于90,则显示“优秀”,否则显示"普通"

2.7、 实训

1、简单计算器功能:输入框输入两个数据,点击按钮后,分别求取它们的和、差、积、商、取余结果 ,并显示在 第三个输入框中。

2、判断从1-1000中,哪些是7的倍数

3、判断是否闰年

let a = 'leo ' + 'cute~'; // 'leo cute~' // 当条件为真 则取 值1 ,否则取 值2 // 条件 ? 值1 : 值2 let a = 10; let b = a > 5 ? 'yes' : 'no'; // 'yes'

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值