JavaScript基础语法（一）

目录

一 变量

1 定义

2 定义变量及赋值

3 访问变量

4 变量名的命名规则

5 变量名命名规范 

6 内存的结构

二 数据类型

1 定义

2 分类

3 基本数据类型

1 数值类型：number

2 字符串：string

3 布尔类型：boolean

4 空类型：null；类型名为object

5 未定义的类型：undefined

4  判断数据类型

5 控制台查看

三  数据类型转换

1 其他类型转数值类型

2 其他类型转换为字符串

3 其他类型转换为布尔类型

四 运算符

1 算术运算符：“+”、“-”、“*”、“/”、“%（取余）”

2 赋值运算符“=”

3 比较运算符

4 逻辑运算符

5 自增、自减运算符

---

一 变量

1 定义

        值变化的量叫做变量，其本质是内存中的存储单元，可将其理解为一个容器；变量名是内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据，通俗来说就是我们在内存中存储了数据，然后给数据起个名字，方便找到它。

2 定义变量及赋值

var name
//定义一个变量名为name的变量
var name = 100
//将100这个值赋给name这个变量 

3 访问变量

console.log（变量名）//打开浏览器控制台可见变量值

4 变量名的命名规则

1  由数字，字母，下划线（_），$组成

2 不能以数字开头

3 不能是关键字（有特定的意义的单词eg：var）和保留字（将来有特殊用处的单词）

5 变量名命名规范 

1 语义化

2 驼峰命名（变量名由多个单词构成时，后续单词的首字母大写）

3 不使用中文

6 内存的结构

内存分为栈区域和堆区域，变量本质上是内存中的存储单元，存在于栈区域的分配的一个存储单元

二 数据类型

1 定义

指变量值的类型

2 分类

分为基本数据类型和复杂数据类型两大类

3 基本数据类型

1 数值类型：number

指所有的数字（1,2,3.....）；NaN（not a number）是一种特殊的数值类型，即非数字值。

2 字符串：string

字符串的内容用引号包含在内

var name ='helloworld'

3 布尔类型：boolean

仅有true（成立）和false（不成立）两个

var isDelete =true

4 空类型：null；类型名为object

仅有null

var a =null

5 未定义的类型：undefined

var name

4  判断数据类型

第一种方式

typeof 变量名
或
typof（变量名）
//配合console.log（typeof 变量）将数据类型显示在控制台

第二种方式

isNaNa（x）//用于检查x是否为非数值，若为非数值则判为true，反之为false
//当x为数值字符串时会先转换其数据类型为数值类型再进行判别

5 控制台查看

console.log(变量)
console.log(变量1，变量2)
console.log('字符串')

三  数据类型转换

1 其他类型转数值类型

Number（）

Number（）
Number（'100'）//输出为100
Number('jack')//输出为NaN
Number('')//输出为0
Number(true)//输出为1
Number(false)//输出为0
Number(null)//输出为0
var a
Number(a)//输出为NaN

parseInt（）

特点：1 从左向右转换

2 遇到数值字符串会转化为数值，遇到非数值时结束转换

3 遇到小数时取整

parseInt()
parseInt(10a0)//遇到a时停止转换，所以此时输出为10
parseInt(100.9)//取整，输出为100

parseFloat（）特点与parseInt相同，但不会取整

2 其他类型转换为字符串

1 string（）

2 变量.tostring()

3 通过连接符进行转换（隐式转换）

在js中当+号任意一边为字符串时，+号意为拼接，此时可用来进行转换

var num =10 + ''//此时num的值为'10' 

当+号两边都为数字时，+号才表示加法运算

3 其他类型转换为布尔类型

Boolean（）

其中' '、null、undefined、0、NaN都转换为false，其他的都转换为true。

四 运算符

1 算术运算符：“+”、“-”、“*”、“/”、“%（取余）”

关于算术运算符的隐式转换，除了加法运算符用于其他类型转string外，其他算术运算符都用于转为数值类型。

2 赋值运算符“=”

另外有“+=”（eg：a +=10表示a=a+10）、“-=”、“*=”、“/=”、“%=”

3 比较运算符

“=”、“>”、“<”、“>=”、“<=”直接理解

“==”：仅比较两边的值的大小是否相等，而不看数据类型，若相等则输出为true

“===”：不仅比较值的大小，也看数据类型是否一致，都一致则输出为true

“！=”：比较两边的值的大小是否不等，若不等则输出为true

“！==”：比较两边的值得大小和数据类型是否不一致，若不一致则输出为true

4 逻辑运算符

1 逻辑与：“&&” 同为真则为真，有一假则为假

2 逻辑或：“||”同为假才为假，有一真则为真

3 逻辑非：“！”非真则假，非假则真

5 自增、自减运算符

自增运算符：前置++，先自身加一，再参与运算

后置++，先参与运算，再自身加一

var m =10
var n =m++ // 此时m的值为11，n为10



var m =10
var n =++m  //此时m的值为11，n的值也为11

自减运算符与自增运算符同理