JavaScript变量及数据类型(萌新必看)

变量

用处

1.让代码可以重复使用 (重用性)

2.修改代码方便,灵活 (灵活性)

<script>
	document.write('i love you <br>')
	document.write('i love you <br>')
	document.write('i love you <br>')
	document.write('i love you <br>')
</script>

1. 上面 ‘i love you’ 要写4次

2. 把 love 改成 hate 要写4次

改成使用变量

<script>
    // 声明变量并且赋值
    var a = 'i love you'    // 把一句话存储到 a 变量中, 这里修改一次,后面就都改变
	document.write( a )     // 从 a 变量中取出数据 输出显示
	document.write( a )     
	document.write( a )     // a 变量中的值可以无限次取出
	document.write( a )
</script>

其它特性

多次使用, 新值覆盖旧值.

<script>
    	var a = 100
        var b = a     // 把 a 的值取出来 赋值 给 b    两个变量都是100
        
        a = 85        // 对 a 重新赋值为 85    新值覆盖旧值
    
    	console.log(a, b)  // a 为 85,  b 为 100
</script>

两个变量之间交换 (扩展, 用电子表格说明)

<script>
	  var a = 77
      var b = 66
      
      // 交换两个变量的值, 需要第3个变量
      var c = a
      a = b
      b = c
</script>

数据类型

变量存储的数据可以有多种, 它们分别是:

1. 数值(number): 1、 1.5、 -3

2. 字符串(string): ‘love’ “abc” ‘1234’

3. 布尔型(boolean): true (真, 是, 可以) false (假, 否, 不可以) 程序中不可少的东西

4. undefined: 变量已声明,但未赋值时就是 undefined

5. null: 表示为空 通常做为空对象占位符理解

6. 对象(object): 复合数据类型. 键值对的形式.

• 数组(array): 一组数据, 默认有从0开始编号

查看数据类型 typeof

<script>
    console.log(typeof 'abc')
    let a = 100
    console.log(typeof a)  // 查看变量类型
</script>

命名

规则

1.由字母、数字、下划线、$ 组成, 但不能以数字开头

2.严格区分大小写

3.避免关键字

4.见名知意

习惯

下划线命名 user_record_arr

驼峰命名法 userRecordArr (小驼峰) UserRecordArr (大驼峰)

底层实质(扩展)

变量的实质是内存空间的一块存储区域.

内存中每个区域都有一个编号, 称为内存地址.

在需要保存数据时, 就需要一块内存区域, 随后还要多次读取或写入.

在编写程序代码时, 内存地址不好写,不好记住, 于是我们就给它起一个名字,

在以后的代码中用这个名字代表那个内存区域.

字符串

定义

var str1 = '我的剑就是你的剑'        // 单引号 定义
var str2 = "我用双手实现你的梦想"     // 双引号 定义
var str3 = `我爱学习,学习使我快乐`    // 反单引号 定义

转义

var str1 = '我的\'剑\'就是你的剑'     // 单引号定义的字符串中 使用单引号,需要转义
var str2 = "我用"\双手\"实现你的梦想"  // 双引号定义的字符串中 使用双引号,需要转义

var str3 = '程序员\r\n是圣神的'   // \r\n 在windows系统下表示回车换行
var str4 = '程序员\n都很皮'     // \n 这里也一样换行,其它系统不需要\r

<script>
	/*
       转义字符
       \'  表示普通的单引号, 不能用来定义字符串了
       \"  表示普通的双引号, 不能用来定义字符串了
       \n  表示换行
       \\  表示反斜线本身
       \t  表示 Tab 键  叫制表符
	*/
</script>

谢谢大家观看,如果有不对的地方,还望各位大佬指点.