JavaScript基础-简介,变量,常量,数据类型,运算符

102 阅读3分钟

一.JavaScript 介绍

一种运行在客户端(浏览器)的编程语言

1.JavaScript书写位置

(1)内部JavaScript

01.png

(2)外部JavaScript

代码写在以.js结尾的文件里

02.png

(3)行内式

注意事项: 书写的位置尽量写到文档末尾 标签前面 外部 js 标签中间不要写代码,否则会被忽略

2.JavaScript注释

单行注释 符号:// 作用://右边这一行的代码会被忽略 快捷键:ctrl + /

块注释 符号:/ / 作用:在/ 和 / 之间的所有内容都会被忽略 快捷键:shift + alt + a

3.输入输出语句

03.png

二.变量

1.变量

计算机存储数据的“容器”

2.变量的基本使用

变量的声明(创建变量) 变量的赋值(把数据存储到变量里面)

04.png

3.更新变量

变量赋值后,还可以通过简单地给它一个不同的值来更新它

05.png

4.声明多个变量

06.png

5.变量交换

07.png

6.变量命名的规则和规范

08.png

三.常量

也是用于保存数据的一个容器

注意:

常量不允许重新赋值,可以理解为是只读的 声明的时候必须赋值(初始化)

四.数据类型

JS 数据类型整体分为两大类: 基本数据类型(简单数据类型) 引用数据类型(复杂数据类型)

1.基本数据类型 – 数字类型(Number)

通过 typeof 关键字检测数据类型

2.基本数据类型 – 字符串类型(string)

通过单引号( ‘’) 、双引号( “”)或反引号( `` ) 包裹的数据都属于字符串 单引号和双引号没有本质上的区别,推荐使用单引号。

3.模板字符串(重点)

`` (反引号),内容拼接变量时,用 ${ } 包住变量

09.png

4.基本数据类型– 布尔类型(boolean)

5.基本数据类型– 未定义类型(undefined)

6.基本数据类型– 空类型(null)

注意: typeof null 返回的是 ‘object’ 返回的是对象类型

10.png

五.运算符

1.算数运算符

算术运算符:也叫数学运算符,主要包括加、减、乘、除、取余(求模)等 +:求和 -:求差 *:求积 /:求商 %:取模(取余数) 开发中经常作为某个数字是否被整除 注意: 在计算失败时,显示的结果是 NaN (not a number)

2.赋值运算符

赋值运算符:对变量进行赋值的运算符 = 将等号右边的值赋予给左边, 要求左边必须是一个容器 += 加法赋值 -= 减法赋值 *= 乘法赋值 /= 除法赋值 %= 取模赋值

11.png

3.自增/自减运算符

++ 自增

-- 自减

12.png

4.比较运算符(关系运算符)

使用场景:比较两个数据大小、是否相等,根据比较结果返回一个布尔值(true / false)

左边是否大于右边 < 左边是否小于右边 = 左边是否大于或等于右边 <= 左边是否小于或等于右边 === 左右两边是否类型和值都相等 == 左右两边值是否相等 != 左右值不相等 !== 左右两边是否不全等

5.逻辑运算符

&& 与

|| 或

! 非

6.运算符优先级

()

++ -- !

先* / % 后+ -

大于 大于等于 小于 小于等于

== != === !==

先&& 后||

=