变量是计算机中用来存储数据的“容器”,它可以让计算机变得有记忆,通俗的理解变量就是使用【某个符号】来代表【某个具体的数值】(数据)
变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据
也就是说,我们向内存中存储了一个数据,然后要给这个数据起一个名字,为了是我们以后再次找到他
语法: var 变量名 = 值
定义(声明)变量及赋值
声明(定义)变量有两部分构成:声明关键字、变量名(标识)
var : 定义变量的关键字, 告诉浏览器, 我要定义一个变量了
空格 : 必须写, 区分 关键 和 变量名 的
变量名 : 你自己起的一个名字
= : 赋值符号, 把右边的内容, 给到左边的变量
值 : 你给你定义的变量赋的是什么值
<!DOCTYPE html>
<html lang="en">
<head>
...
<title>基础-声明和赋值</title>
</head>
<body>
<script>
// 语法: var 名字 = 值
var age = 18
// var 关键字 所谓关键字是系统提供的专门用来声明(定义)变量的词语
// age 即变量的名称,也叫标识符
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
...
<title>基础-声明和赋值</title>
</head>
<body>
<script>
// 1. 定义不赋值
// => 语法: var x
// => 准备一个变量, 以后使用, 暂时先不进行赋值
var x
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
...
<title>基础-声明和赋值</title>
</head>
<body>
<script>
// 2. 定义并赋值
// => 语法: var x = 100
// => 准备一个变量的同时, 并且给他赋值为某一个数据
var x = 100
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
...
<title>基础-声明和赋值</title>
</head>
<body>
<script>
// 3. 一次性定义多个变量不赋值
// => 语法: var x, x2, x3, x4, ...
// => 同时定义多个变量, 都不进行赋值
var x, x1, x2
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
...
<title>基础-声明和赋值</title>
</head>
<body>
<script>
// 4. 一次性定义多个变量并赋值
// => 语法: var x = 10, x2 = 20, x3 = 30, ...
var x = 10, x1 = 20, x2 = 30
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
...
<title>基础-声明和赋值</title>
</head>
<body>
<script>
// 5. 一次性定义多个变量, 有的赋值有的不赋值
// => 语法: var x = 10, x2, x3 = 30
var x = 10, x1, x2 = 20
</script>
</body>
</html>
变量命名规则和规范
变量命名规则(你必须遵守)
一个变量只能由 字母(a-z, A-Z) 数字(0-9) 下划线(_) 美元符($) 组成
一个变量不能由 数字 开头
变量严格区分大小写
不要使用关键字或保留字
变量命名规范(建议你遵守)
变量语义化
驼峰命名法
不使用中文
变量使用注意事项
允许声明和赋值同时进行
允许同时声明多个变量并赋值
JavaScript 中内置的一些关键字不能被当做变量名
一个变量名只能存储一个值
当再次给一个变量赋值的时候,前面一次的值就没有了
变量名称区分大小写(JS 严格区分大小写)
JS 的输入和输出
输出和输入也可理解为人和计算机的交互,用户通过键盘、鼠标等向计算机输入信息,计算机处理后再展示结果给用户,这便是一次输入和输出的过程。
举例说明:如按键盘上的方向键,向上/下键可以滚动页面,按向上/下键这个动作叫作输入,页面发生了滚动了这便叫输出。
输出
以弹窗的形式展示给用户
// 以弹出层的形式展示给我们
alert('你好 世界')
在页面中展示给用户
// 直接展示到我们的页面上
document.write('hello world')
在控制台展示 一般用户看不到
// 在控制台展示出来
console.log('大家好');
输入
用户选择框
// 这个选择框返回的是一布尔值
var name = confirm('你是程序员吗')
// 打印我们拿到的结果(也就是布尔值)
console.log(name)
用户输入框
// 这个输入框返回的是用户输出的内容
var name = prompt('请输入你的姓名')
// 我们拿到的结果就是用户输入的结果
console.log(name)
相关文章
关注千锋学习站小程序
随时随地免费学习课程
扫一扫快速进入
千锋移动端页面
扫码匿名提建议
直达CEO信箱