TS 和 JS 相对比的优势
TypeScript的安装步骤、运行问题及代码的简单运行
TypeScript学习笔记1：变量赋值及书写方式
TypeScript学习笔记2：数据类型

文章目录

运算符
- 算术运算符的简单使用
- 赋值运算符的简单使用
- - 赋值运算符的代码执行顺序：
  - 特殊赋值运算符：即算式的简化形式
  - - “ += ” --> 加法算式的简化形式，如：
    - “ -= ” --> 减法算式的简化形式，如：
    - “ *= ” --> 乘法算式的简化形式，如：
    - “ /= ” --> 除法算式的简化形式，如：
- 自增和自减运算符的简单使用
- 比较运算符的简单使用
- 逻辑运算符的简单使用

运算符

运算符也称为操作符、用来实现赋值、算术运算和比较等功能的符号

运算符主要分为：

算术运算符
赋值运算符
自增和自减运算符
比较运算符
逻辑运算符

算术运算符的简单使用

算术运算符即在语言内进行算术运算的功能符号，其主要符号有以下几点：

加号“+”(运行加法的运算符号)

console.log(2 + 3)

运行结果：

减号“-”(运行减法的运算符号)

console.log(2 - 3)

运行结果：

乘号“*”(运行乘法的运算符号)

console.log(2 * 3)

运行结果：

除号“/”(运行除法的运算符号)

console.log(2 / 3)

运行结果：

加号的特殊使用方法：

将字符串进行拼接操作

// 使用加号将字符串类型和数字类型进行拼接
console.log("1" + 1)// 使用加号将字符串类型和字符串类型进行拼接
console.log("周杰" + "伦")

运行结果：

将string类型转换为number类型：

console.log(+'1' - 1)
console.log(2 + +"4")

运行结果：

注：算术运算符中只有“+”号拥有特殊功能：

可以将string类型转换为number类型

可以将字符串进行拼接，且字符串可和所有的数据类型进行拼接

赋值运算符的简单使用

赋值运算符（等号 “=”）
在编程语言中等号 “=” 是赋值运算符，而非比较运算符中“等于”的意思。

赋值运算符是将等号右边的值赋值给它左边的变量，例如：

// 将字符串：深圳 赋值给左侧的变量 city
let city = "深圳"
console.log(city)

运行结果：

赋值运算符的代码执行顺序：

优先执行等号右边的代码
再将代码执行结果赋值给等号左边的变量

let age = 20
age = 20 + 1
console.log(age)

运行结果：

特殊赋值运算符：即算式的简化形式

“ += ” --> 加法算式的简化形式，如：

// 正常传统的加法算式
let age = 20
age = age + 1
console.log(age)// 加法算式的简化形式
let age1 = 20
age1 += 1
console.log(age1)

运行结果：

“ -= ” --> 减法算式的简化形式，如：

// 正常传统的减法算式
let age = 20
age = age - 2
console.log(age)// 减法算式的简化形式
let age1 = 20
age1 -= 2
console.log(age1)

运行结果：

“ *= ” --> 乘法算式的简化形式，如：

// 正常传统的乘法算式
let age = 20
age = age * 3
console.log(age)// 乘法算式的简化形式
let age1 = 20
age1 *= 3
console.log(age1)

运行结果：

“ /= ” --> 除法算式的简化形式，如：

// 正常传统的除法算式
let age = 20
age = age / 4
console.log(age)// 除法算式的简化形式
let age1 = 20
age1 /= 4
console.log(age1)

运行结果：

自增和自减运算符的简单使用

自增运算符 -->即“+= 1”的简化形式，例：

// 原 +1 的算式的简化形式
let age = 20
age += 1
console.log(age)// 自增运算符的书写形式
let age1 = 20
age1++
console.log(age1)

运行结果：

自减运算符 -->即“-= 1”的简化形式，例：

// 原 -1 的算式的简化形式
let age = 20
age -= 1
console.log(age)// 自减运算符的书写形式
let age1 = 20
age1--
console.log(age1)

运行结果：

注：

目前只有加法和乘法存在自增和自减运算符
自增和自减运算符有且只能进行 +1/-1 操作，不支持 +2/+3等其他数字操作

比较运算符的简单使用

用于比较两个数据的值，并返回其比较的家国，结果为布尔类型。
比较运算符常用于数字类型的比较。
比较运算符只类型用来进行同一种类型的比较，如数字类型对应数字类型，字符串对应字符串类型等。

比较运算符主要有：

比较运算符	比较运算符的含义
“>”	大于
“<”	小于
“>=”	大于等于
“<=”	小于等于
“===”	等于
“!==”	不等于

举例：

// 大于
console.log(1 > 2)      //结果：false
// 小于
console.log(1 < 2)      //结果：true
// 大于等于
console.log(1 >= 2)     //结果：false
// 小于等于
console.log(2 <= 2)     //结果：true

运行结果：

等于和不等于的简单应用：

// 使用常量进行比较
console.log(4 === 4) //结果：true
console.log(4 !== 4)  //结果：false// 使用变量进行比较
let a = 8
let b = 8
console.log(`等于比较运算符的比较结果是${a === b}`)    // 结果：truelet c = 8
let d = 8
console.log(`不等于比较运算符的比较结果是${c !== d}`)    // 结果：false

运行结果：

逻辑运算符的简单使用

代码中的逻辑运算符有：与（并且）、或（或者）、非（不是）三种逻辑运算符。
逻辑运算符通常用于布尔类型的计算，并且返回结果也是布尔类型。

逻辑运算符	逻辑运算符含义	备注
`&&`	与（并且）	当 `&&` 两边的值，同时为`true`时，才为`true`，否则为`false`
`\|\|`	或（或者）	当 `\|\|` 两边的值中，其中一个值为`ture`时，就为`true`，否则为`false`
`!`	非（不是）	表示取反，即`true`–>`false`，`false`–>`true`

举例：

与简单应用：

// “与”的简单使用
console.log(true && false)      // 结果：false
console.log(5 > 1 && 2 < 4)     // 结果：true

或的简单应用：

// “或”的简单使用
console.log(false || false)      // 结果：false
console.log(5 > 1 || 2 > 4)     // 结果：true

非的简单应用：

console.log(!false)     // 结果：true
console.log(!true)      // 结果：false

注：要是觉得文章写得不错，记得留个赞哦！

TypeScript学习笔记3：运算符相关推荐

TypeScript学习笔记2：数据类型
TS 和 JS 相对比的优势 TypeScript的安装步骤.运行问题及代码的简单运行 TypeScript学习笔记1:变量赋值及书写方式 TypeScript学习笔记2:数据类型文章目录数据类型 ...
TypeScript学习笔记1：变量赋值及书写方式
TS 和 JS 相对比的优势 TypeScript的安装步骤.运行问题及代码的简单运行 TypeScript学习笔记1:变量赋值及书写方式 TypeScript学习笔记2:数据类型文章目录变量赋值 ...
Typescript 学习笔记七：泛型
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
Typescript 学习笔记一：介绍、安装、编译
前言整理了一下 Typescript 的学习笔记,方便后期遗忘某个知识点的时候,快速回忆. 为了避免凌乱,用 gitbook 结合 marketdown 整理的. github地址是:ts-gitb ...
typeScript学习笔记day01——小肉包
typeScript学习笔记 class1: 一.javaScript(js)的优缺点 javaScript是在微软公司和网景公司之间爆发的浏览器大战期间,由网景公司的Brendan Eich(布兰登 ...
typeScript学习笔记day02——小肉包
typeScript学习笔记 class3 : 2021.02.24 一.TS编译选项自动编译文件编译文件时,使用-w指令后,YS编译器会自动监视文件变化,并在文件发生变化时对文件进行重新编译. ...
typescript-----javascript的超集，typescript学习笔记持续更新中......
Typescript,冲! Typescript 不是一门全新的语言,Typescript是 JavaScript 的超集,它对 JavaScript进行了一些规范和补充.使代码更加严谨. 一个特别好 ...
typescript学习笔记1 —— 接口（interface）
typescript是微软出品的,javascript的超集.让javascript的写法很类似java,核心功能是让JavaScript这个弱类型的语言,增加类型检查,更适合编写企业级应用.之前的a ...
Typescript学习笔记（二）
泛型在像C#和Java这样的语言中,可以使用泛型来创建可重用的组件,一个组件可以支持多种类型的数据. 这样用户就可以以自己的数据类型来使用组件. 我们需要一种方法使返回值的类型与传入参数的类型是相同 ...

TypeScript学习笔记3：运算符

文章目录

运算符

算术运算符的简单使用

赋值运算符的简单使用

赋值运算符的代码执行顺序：

特殊赋值运算符：即算式的简化形式

“ += ” --> 加法算式的简化形式，如：

“ -= ” --> 减法算式的简化形式，如：

“ *= ” --> 乘法算式的简化形式，如：

“ /= ” --> 除法算式的简化形式，如：

自增和自减运算符的简单使用

比较运算符的简单使用

逻辑运算符的简单使用

TypeScript学习笔记3：运算符相关推荐

最新文章

热门文章