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");

常量

• 什么是常量?

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

    
    

常量分类

• 布尔常量只有两种状态：true或false

• 使用单引号(')或双引号(")括起来的一个或几个字符

• 小数(3.14, 9.8)

• 二进制(以0b开头; 例如0b1001,0b1010)

• 十进制(9,-10,0)

• 八进制(以0开头; 例如011, 012)

• 十六进制(以0x开头; 0x10, 0x11)

• 整型常量

• 实型常量

• 字符串常量

• 布尔值

• 特殊字符

  \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

作者：极客江南
链接：https://www.jianshu.com/p/8e27ddc1c39d