01-JavaScript基础-常量和变量

JS中的常见输出方式

• 在浏览器弹窗中显示内容

alert("hello world");

prompt("请输入内容：");

confirm("你好吗?");

• 在页面中显示内容

document.write("hello world2");

• 在控制台中显示内容

console.log("hello world3");
console.error("错误信息");
console.warn("警告信息");

• 注意点：

• JS中严格区分大小写

alert("hello world"); // 正确 
Alert("hello world"); // 错误

• 每一条JS语句以分号(;)结尾
  • 如果不写分号，浏览器会自动添加，但是会消耗一些系统资源
  • 并且有些时候浏览器会加错分号，所以在开发中分号必须写
• JS中会忽略多个空格和换行

alert
(
"hello world"
);  

---

常量

• 什么是常量?

  • 常量表示一些固定的数据，也就是不能改变的数据

    
    

• 常量分类

  • 整型常量
    • 二进制(以0b开头; 例如0b1001,0b1010)
    • 十进制(9,-10,0)
    • 八进制(以0开头; 例如011, 012)
    • 十六进制(以0x开头; 0x10, 0x11)
  • 实型常量
    • 小数(3.14, 9.8)
  • 字符串常量
    • 使用单引号(')或双引号(")括起来的一个或几个字符
  • 布尔值
    • 布尔常量只有两种状态：true或false
  • 特殊字符

    \n 换行,相当于敲一下回车。
    \t 跳到下一个tab位置,相当于按一下键盘上的tab键。 \b 退格,相当于按一下backspace。
    \r 回车。
    \f 换页,光标移到到下页开头。
    \\ 输出\字符,也就是在屏幕上显示一个\字符。
    \' 输出'字符,也就是在屏幕上显示一个'字符。
    \" 输出"字符,也就是在屏幕上显示一个"字符。
    

• 练习
  10.6、19.0、‘A’、“男”、“lnj”、294、true

---

变量

什么是变量?

• 变量表示一些可以变化的数据。当一个数据的值需要经常改变或者不确定时，就应该用变量来表示
• 例如:超市中的储物格就相当于一个变量, 里面可以存储各种不同的东西, 里面存储的东西也可以经常改变
• 你去超市放东西到储物柜的格子中,他会给你一张纸条,你根据这个纸条才可以拿回自己的东西,储物柜的一格就是变量的内存空间,字条就是变量名,你拿和放就是修改变量名对应内存中的数据

如何定义变量?

• 定义变量(声明变量), 任何变量在使用之前，必须先进行定义
• 定义变量的目：在内存中分配一块存储空间给变量，方便以后存储数据。
• 如果定义了多个变量，就会为这多个变量分别分配不同的存储空间。
  • 格式1: var 变量名称 ;

      var num;
    

  • 格式2: var 变量名称,变量名称;

      var num1, num2, num3;
    

如何使用变量？

• 使用变量就是往变量里面存点东西或者取出变量中存储的内容;

• 往变量中存储内容

var num;
num = 10;

注意：

• 这里的等号 =，并不是数学中的“相等”，而是JavaScript语言中的赋值运算符，作用是将右边的常量10赋值给左边的变量num
• 赋值的时候= 号的左侧必须是变量 (10 = num; 错误写法)
• 规范:习惯将 = 的两侧 各加上一个 空格

• 变量的初始化

  • 变量第一次赋值，可以称为“初始化”
  • 先定义,后初始化

    var num;
    num = 10;
    

  • 定义的同时进行初始化

    var num = 10;
    

  • 其它表现形式

      // 部分初始化
      var a, b, c = 10;
      // 完全初始化
      var a , b, c;
      a = b = c = 10;
    

  • 思考: 不初始化里面存储什么?

      var num;
      console.log(num); // undefined
      // 如果变量没有初始化, 里面存储的是undefined
    

• 如何查看变量的值?

  var num;
  num = 10;
  console.log(num);
  

• 如何修改变量值?

  • 利用等号(=)重新赋值即可,每次赋值都会覆盖原来的值

     var num;
     num = 10;
     num = 20;
     console.log(num); // 20
    

• 变量之间的值传递

  • 可以将一个变量的值赋值给另一个变量

    var a = 10;
    var b = a;
    console.log(b); // 10
    

---

学习交流方式:
1.微信公众账号搜索: 李南江(配套视频,代码,资料各种福利获取)
2.加入前端学习交流群:
302942894 / 289964053 / 11550038