JS输入输出与字面量

文档的输出

• 在页面直接输出

document.write('Hello JS')
document.write('<h1>标题<h1>')

• 在控制台输出，按F12查看，即打开浏览器控制台

conlose.log('Hello JS')

输入语句

prompt('请输入用户名')

字面量

什么是字面量

变量的声明与赋值

基本使用

例如声明一个年龄变量，使用关键字let

let age = 18
document.write(age)

声明多个变量

• 方式一

let name = '泰同学', age = 10

• 方式二

let name = '泰同学'
let age = 18

更加提倡方式二，原因：方便查找

变量的更新

使用let关键字后，不允许多次声明。即：

• 错误示例

let age = 10
let age = 20
document.write(age)

• 正确示例

let age = 10
age = 20
document.write(age)

交换变量的值

核心思路：使用一个临时变量来做中间存储

步骤：

1. 把num1的值给temp
2. 把num2的值给num1
3. 把temp的值给num2

let num1 = 10
let num2 = 20
let temp

temp = num1
num1 = num2
num2 = temp

document.write(num1)
document.write('<br>') // 输出换行效果
document.write(num2)

变量的命名

规则与规范

规则：必须遵守（法律层面）

规范：建议（道德层面）

规则

1. 不能使用关键字，只能用下划线、字母、数字、$组成，且数字不能开头
2. 字母严格区分大小写

规范

let与var的区别

var声明：

输入与输出案例

需求：用户输入基本信息，在页面中显示出来

如何实现：定义三个变量，分别接收用户输入的信息，然后再将其打印在页面上

let userName = prompt('请输入姓名')
let age = prompt('请输入年龄')
let gender = prompt('请输入性别')
document.write(userName, age, gender)

数组的基本使用

let arr = [10, 20, 30]
let names = ['刘德华', '张学友', '黎明', '郭富城', '泰同学']

document.write(names[3])

let week = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日']
// 获取数组的第六个原色，即“星期日”
document.write(week[6])
// 在控制台输出数组的长度，为7
conlose.log(week.length)

常量

• 使用关键字const来声明，常量永远不会改变
• 常量声明的时候必须赋值 常量不允许再次赋值（不允许更改值）
• 什么时候用常量：不需要重新赋值的数据使用

const PI = 3.14