JavaScript基础之输入输出与变量常量详解

输入和输出

输出和输入也可理解为人和计算机的交互，用户通过键盘、鼠标等向计算机输入信息，计算机处理后再展示结果给用户，这便是一次输入和输出的过程。

举例说明：如按键盘上的方向键，向上/下键可以滚动页面，按向上/下键这个动作叫作输入，页面发生了滚动了这便叫输出。

输出

JavaScript 可以接收用户的输入，然后再将输入的结果输出：

• document.write(“要出的内容”): 向body内输出内容

  document.write("这是document.write")
  

注意：如果输出的内容写的是标签，也会被解析成网页元素

document.write("<h1>标题标签</h1>")

• alert(“要出的内容”)：页面弹出警告对话框

  alert("弹出警示框")
  

• console.log(“控制台打印”): 控制台输出语法，程序员调试使用

  打开浏览器网页，点击F12快捷键，网页就会出现控制台
  

console.log("这是控制台")

输入

prompt()

语法：

prompt("请输入内容")

向 prompt() 输入任意内容会以弹窗形式出现在浏览器中，一般提示用户输入内容。

  <script> 
    //  以弹窗形式提示用户输入姓名，注意这里的文字使用英文的引号
    prompt('请输入您的姓名:')
  </script>

运行结果

变量

在JavaScript中，变量是引用数字或字符串等值的标签。在计算机中，变量是计算机中用来存储数据的“容器”，它可以让计算机变得有记忆，通俗的理解变量就是使用【某个符号】来代表【某个具体的数值】（数据），同时变量这个容器的值是可以改变的。

所以，变量其主要作用是存取数据以及提供存放信息的容器

<script>
  // x 符号代表了 5 这个数值
  x = 5
  // y 符号代表了 6 这个数值
  y = 6
  //举例： 在 JavaScript 中使用变量可以将某个数据（数值）记录下来！
  // 将用户输入的内容保存在 num 这个变量（容器）中
  num = prompt('请输入一数字!')
  // 通过 num 变量（容器）将用户输入的内容输出出来
  alert(num)
  document.write(num)
</script>

声明

在使用变量之前，需要声明变量。

声明(定义)变量有两部分构成：声明关键字、变量名（标识符）

声明关键词

声明关键字是var关键字声明，在JavaScript的ES5版本中所有JavaScript变量都由var声明

说明：目前所讲的知识都是ES5版本中的知识，后续版本都是基于这版本后内容的延申。

变量名

变量名可以是任何有效的标识符。

变量名遵循以下规则：

• 变量名称只能由字母（a-z或A-Z）、数字（0-9）、下划线（_）和美元符号（$）组成，不能包含空格。
• 变量名称是以字母（a-z或A-Z）、下划线（_）或美元符号（$）开头，变量名称不能以数字开头
• JavaScript的变量名区分大小写，例如 ，Sun与sun，这两个就是不同的变量
• 变量名不能是保留关键字

驼峰命名法

按照惯例，变量名使用驼峰命名法。

在JavaScript中，驼峰命名法（camel case）是一种常见的命名约定，用于命名变量、函数、属性等标识符。它包括两种形式：小驼峰命名法（lower camel case）和大驼峰命名法（upper camel case）。

• 小驼峰命名法（lower camel case）：第一个单词的首字母小写，后续单词的首字母大写。例如：firstName、lastName、firstNameAndLastName。
• 大驼峰命名法（upper camel case）：每个单词的首字母都大写。例如：FirstName、LastName、FirstNameAndLastName。

使用驼峰命名法可以使代码更易读、易写和易维护。

实例：

var firstName;
var myMessage;

赋值

声明（定义）变量相当于创造了一个空的“容器”，通过赋值向这个容器中添加数据,赋值也可以说对其变量初始化。

要初始化变量，请先指定变量名称，后跟等号（=）和值

语法：

var 变量名=值;

变量的使用语法如下

实例：

var message;
message="123"

实例：同时声明和初始化变量

var message="123";

JavaScript允许使用单个语句同时声明两个或多个变量。要分隔两个变量声明，中间要使用英文逗号(“,”)

var message="hello world", number="123",word="hello";

同一个变量名多次赋值，后面的值会覆盖前面的值，你可以通过这分配不同的值来更改其值。

 // 赋值，将 18 这个数据存入了 age 这个“容器”中
	var age=18; // 这样 age 的值就成了 18
      //更新变量，变量名直接重新赋值
	 age=19;//age的值为19
    document.write(age)

变量名输出不能打双引号（“”）或单引号（‘’）,多个变量名输出用英文逗号隔开。

 var str = 'hello world!'
  alert(str);    //变量名输出不能打引号
    
  //输出多个变量,要用逗号（,）隔开
  var name="tom",height="123"
   console.log(tom,height);

变量作用域

变量根据作用域可分为：

• 全局变量
• 局部变量

全局变量

可以在JavaScript脚本中的任何位置被调用，全局变量的作用域是当前文档中整个脚本区域

局部变量

只能在此变量声明语句所属的函数内部使用，局部变量的作用域仅为该函数体

声明变量时，要根据编程的目的决定将变量声明为全局变量还是局部变量。

一般而言，保存全局信息（如表格的原始大小、下拉框包含选项对应的字符串数组等）的变量需声明为全局变量。而保存临时信息（如待输出的格式字符串、数学运算中间变量等）的变量则声明为局部变量

弱类型

JavaScript脚本语言跟其他编程语言一样，其变量都有数据类型。但与此不同的是，JavaScript语言是弱类型语言，在变量声明时不需显式地指定其数据类型，变量的数据类型将根据变量的具体内容推导出来，且根据变量内容的改变而自动改变，而强类型语言在变量声明时必须显式地指定其数据类型。

变量声明时不需显式指定其数据类型是JavaScript脚本语言的优点也是缺点

优点是编写脚本代码时不需要指明数据类型，使变量声明过程简单明了；缺点是有可能造成因微妙的拼写不当而引起致命的错误。

常量

概念：常量是保存一个不会改变的值。使用 const 声明的变量称为“常量”。

命名规范：和变量一致

一旦定义了变量，就无法更改其值。

const PI = 3.14

注意： 常量不允许重新赋值,声明的时候必须赋值（初始化）