一.JavaScript 介绍
一种运行在客户端(浏览器)的编程语言
1.JavaScript书写位置
(1)内部JavaScript
(2)外部JavaScript
代码写在以.js结尾的文件里
(3)行内式
注意事项: 书写的位置尽量写到文档末尾 标签前面 外部 js 标签中间不要写代码,否则会被忽略
2.JavaScript注释
单行注释 符号:// 作用://右边这一行的代码会被忽略 快捷键:ctrl + /
块注释 符号:/ / 作用:在/ 和 / 之间的所有内容都会被忽略 快捷键:shift + alt + a
3.输入输出语句
二.变量
1.变量
计算机存储数据的“容器”
2.变量的基本使用
变量的声明(创建变量) 变量的赋值(把数据存储到变量里面)
3.更新变量
变量赋值后,还可以通过简单地给它一个不同的值来更新它
4.声明多个变量
5.变量交换
6.变量命名的规则和规范
三.常量
也是用于保存数据的一个容器
注意:
常量不允许重新赋值,可以理解为是只读的 声明的时候必须赋值(初始化)
四.数据类型
JS 数据类型整体分为两大类: 基本数据类型(简单数据类型) 引用数据类型(复杂数据类型)
1.基本数据类型 – 数字类型(Number)
通过 typeof 关键字检测数据类型
2.基本数据类型 – 字符串类型(string)
通过单引号( ‘’) 、双引号( “”)或反引号( `` ) 包裹的数据都属于字符串 单引号和双引号没有本质上的区别,推荐使用单引号。
3.模板字符串(重点)
`` (反引号),内容拼接变量时,用 ${ } 包住变量
4.基本数据类型– 布尔类型(boolean)
5.基本数据类型– 未定义类型(undefined)
6.基本数据类型– 空类型(null)
注意: typeof null 返回的是 ‘object’ 返回的是对象类型
五.运算符
1.算数运算符
算术运算符:也叫数学运算符,主要包括加、减、乘、除、取余(求模)等 +:求和 -:求差 *:求积 /:求商 %:取模(取余数) 开发中经常作为某个数字是否被整除 注意: 在计算失败时,显示的结果是 NaN (not a number)
2.赋值运算符
赋值运算符:对变量进行赋值的运算符 = 将等号右边的值赋予给左边, 要求左边必须是一个容器 += 加法赋值 -= 减法赋值 *= 乘法赋值 /= 除法赋值 %= 取模赋值
3.自增/自减运算符
++ 自增
-- 自减
4.比较运算符(关系运算符)
使用场景:比较两个数据大小、是否相等,根据比较结果返回一个布尔值(true / false)
左边是否大于右边 < 左边是否小于右边 = 左边是否大于或等于右边 <= 左边是否小于或等于右边 === 左右两边是否类型和值都相等 == 左右两边值是否相等 != 左右值不相等 !== 左右两边是否不全等
5.逻辑运算符
&& 与
|| 或
! 非
6.运算符优先级
()
++ -- !
先* / % 后+ -
大于 大于等于 小于 小于等于
== != === !==
先&& 后||
=