对于初学者而言,Javascript是前后端学习要点之一,已下关于一些Javascript输入输出以及变量定义的方式,供大家参考学习。
1.JS中的变量
java是强类型语言,注重变量的定义,所以在定义变量时都需要指定数据类型。
js是弱类型语言,不注重变量的定义,所以在定义变量时不需要指定数据类型。
1.1 var变量
var是Variable的简写意思是可变的。
注意:在命令变量名时,变量由字母,下划线、$或数字组成,并且第一个字母必须是字母、下划线、或者$。
变量不能是系统关键字和保留字。
<script>
let myname='旗木卡卡西';
let address='火影村';
console.log(myname);
console.log(address);
</script>
1.2 let变量声明
定义变量:
let 变量名 = 值; 【推荐】
var 变量名 = 值; 【不用】定义常量:
const 常量名 = 值;
1.3 val和let的区别
1. 作用域:"var"声明的变量是函数作用域,而"let"声明的变量是块级作用域。
2. 变量提升:"var"声明的变量会被提升到其作用域的顶部,所以在声明之前也可以访问到变量。而"let"声明的变量不存在变量提升,只能在声明之后才能访问到。
3. 重复声明:"var"声明的变量可以被重复声明多次,而每次声明都会被忽略。而"let"声明的变量在同一个作用域中不能被重复声明,否则会抛出错误。
4. 初始值要求:"var"声明的变量可以在声明时不赋初始值,而"let"声明的变量可以选择在声明时赋初始值,也可以不赋初始值。
需要注意的是,JavaScript的最新规范中推荐使用"let"和"const"取代"var",因为"let"和"const"具有更严格的作用域和块级作用域特性,能够减少一些常见的问题。
2.控制台输出:(这种方式是针对程序员的输出方式,在控制台上可见)
console.log(此处为输出的对象)
例如:
<script>
let myname='旗木卡卡西';//var声明给myname赋值。
let address='火影村';//var给address赋值。
console.log(myname);//控制台输出myname的值,输出的指只有在控制台才能看到。
console.log(address);//控制台输出address的值
</script>
在网页中打开检查,运行如下:
3.弹窗警告输出方式
alert()
<script>
let myname='旗木卡卡西';
let address='火影村';
console.log(myname);
console.log(address);
alert(myname);//弹窗输出myname
alert('你已进入火影村监视范围');//字节型直接弹窗方式
</script>
第一个警告弹窗
第二个警告弹窗
4.直接在网页输出
document.writer()
<script>
var myname='旗木卡卡西';
var address='火影村';
console.log(myname);
console.log(address);
alert(myname)
alert('你已进入火影村监视范围');
document.write('前端学习,妙趣横生。');
</script>
5.Javascript输入方式
<script>
prompt('输入你的年龄');
</script>
6.confirm()
confirm() 这个方法要求用户选择。有确认有返回。confirm 方法的返回值为 true 或 false。
if (confirm("你确定要修改吗?")){
let input=prompt("请输入修改的数值:");
if(input!=null && input!=""){
//进行相关操作
else{
//alert("输入的值不能为空!");
}
}
本章例子放在下边,大家可以自行调试。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<script>
//let myname='旗木卡卡西';//var声明给myname赋值。
//let address='火影村';//var给address赋值。
//console.log(myname);//控制台输出myname的值,输出的指只有在控制台才能看到。
//console.log(address);//控制台输出address的值
// let email='kakaxi@itcast.cn';
// let gz=2000;
// console.log(myname);
// console.log(address);
// document.write('前端学习,妙趣横生。');
// console.log(email);
// console.log(gz);
// let myname = prompt('请输入你的名字')
// alert(myname)
// alert('你已进入火影村监视范围');
//prompt('输入你的年龄');
</script>
<body>
</body>
</html>