1.什么是变量
1.变量是计算机中用来存储数据的“容器”,它可以让计算机变得有记忆。
2.变量不是数据本身,它们仅仅是一个用于存储数值的容器。可以理解为是一个个用来装东西的纸箱子。
2.变量的作用
1.用来存放数据的。注意变量指的是容器而不是数据。
3.变量的本质
1.内存:计算机中存储数据的地方,相当于一个空间
2.变量:是程序在内存中申请的一块用来存放数据的小空间
3.变量的基本使用
1.声明变量 ( let)。
2.变量的赋值(变量名之后加 = )。
3.变量的输出。
<script>
//第一步声明变量
let uresername ;
//变量赋值
uresername = prompt('请输入你的名字')
//输出变量
console.log(uresername);
let age ;
age = 18 ;
console.log(age);
</script>
4.变量语法的连写
1.声明变量时我们可以书写多个变量并赋值.
<script>
//变量的连写 用逗号隔开
let name = '张三' , wieght = 200 , height = 100 ;
console.log(name);
console.log(wieght);
</script>
5.变量的规则和规范
1.规则
1.声明变量名的时候,不能使用javascript内置的的英文单词,例如 let var if for
等
2.变量名可以用下划线_ 和字母 和数字组成,但是数字不能作为变量名的开头
3.变量名区分大小写格式,声明变量名时需要注意
<script>
let num = 10 ;
let _age = 18 ;
let $height = 180 ;
let user = 10 ;
let User = 12 ;
</script>
2.规范
1.起变量名的时候,要具有语义化,见名直意
2.最好遵循小驼峰写法 ,即开头单词为小写后面单词开头为大写 (userName)
<script>
//变量的规范
//1.起变量名需要又意义 ,见名明意
let uresname = '张三' ;
//2.变量名由多个英语单词组成可以遵循小驼峰写法
let shopSurpermarktShop = 111 ;
</script>
6.变量的基本数据类型
1.数字型(Number)
1.含义
1.即我们数学中学习到的数字,可以是整数、小数、正数、负数。
2.JavaScript 中的正数、负数、小数等 统一称为 数字类型。
2.数字型的语法书写
<script>
let height = 100;
let num = 10 ;
</script>
2.字符串型(String)
1.含义
1.通过单引号( '') 、双引号( "")或反引号( ` )包裹的数据都叫字符串,单引号和双引号没有本质上的区别,推荐使用单引号。
2.注意事项:
-
无论单引号或是双引号必须成对使用
-
单引号/双引号可以互相嵌套,但是不以自已嵌套自已(口诀:外双内单,或者外单内双)
-
必要时可以使用转义符 \,输出单引号或双引号
2.字符串型的语法书写
<script>
let info = '我是字符串类型的变量'
let name = '我叫张三'
</script>
3.模板字符串
1.作用
1.拼接字符串和变量
2.在没有它之前,要拼接变量比较麻烦,如下
<script>
let name = 张三 ;
let age = 18 ;
document.write('大家好,我叫 ' + name + ',今年' + age + '岁' )
</script>
2.符号
1.``两个反引号,英文状态下 tab键上方
2.内容拼接变量时,用${}包住变量即可
<script>
//声明两个变量
let name = 张三 ;
let age = 18 ;
document.write('大家好,我叫${name},今年${age}岁 ' )
</script>
3.注意事项
1.反引号一般与${}配套出现,使用时多注意
3.布尔型(Boolean)
1.含义
表示肯定或否定时在计算机中对应的是布尔类型数据。
它有两个固定的值 true 和 false,表示肯定的数据用 true(真),表示否定的数据用 false(假)。
2.语法书写
<script>
//布尔数据类型 只有两个值 true真 false 假
let num = true ;
let age = false ;
</script>
4.未定义型(Undefined)
1.含义
只声明变量,不赋值的情况下,变量的默认值为 undefined
2.语法书写
<script>
//未定义的变量 只声明未赋值
// 空 空变量
//注意的是 如果变量未声明 未赋值 那么输出时会报错
let age ;
console.log(age); //undefined
</script>
5.空类型(null)
1.含义
声明变量,并且赋值null
2.语法书写
<script>
// null 是空类型 赋值但是为空
let age = null ;
</script>
7.变量的数据类型检测(typeof 变量名)
1.作用
常用于控制台检测数据类型
2.语法书写
<script>
//typeof 用来检测数据的类型
let num = 1 ;
let userName = '你好';
let age = true ;
let height ;
let name = null ;
console.log(typeof num); //number
console.log(typeof userName); //string
console.log(typeof age); //boolean
console.log(typeof height ); //undefined
console.log(typeof name); //null (objeect)
</script>