输入和输出
输出和输入也可理解为人和计算机的交互,用户通过键盘、鼠标等向计算机输入信息,计算机处理后再展示结果给用户,这便是一次输入和输出的过程。
举例说明:如按键盘上的方向键,向上/下键可以滚动页面,按向上/下键这个动作叫作输入,页面发生了滚动了这便叫输出。
输出
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
注意: 常量不允许重新赋值,声明的时候必须赋值(初始化)