Javascript变量

156 阅读2分钟

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.注意事项:

  1. 无论单引号或是双引号必须成对使用

  2. 单引号/双引号可以互相嵌套,但是不以自已嵌套自已(口诀:外双内单,或者外单内双)

  3. 必要时可以使用转义符 \,输出单引号或双引号

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>