Javascript必看关于变量输入输出方式

ヾ草木萤火(≧▽≦*)o

已于 2023-06-29 16:25:34 修改

阅读量4.4k

点赞数 15

分类专栏：编程习题学习记录 # 前端知识随笔文章标签： javascript

于 2021-08-12 15:44:11 首次发布

本文链接：https://blog.csdn.net/qq_59335499/article/details/119614983

版权

编程习题学习记录同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

前端知识随笔

1 篇文章 0 订阅

订阅专栏

对于初学者而言，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>

最后希望大家可以给个赞再走吧！

ヾ草木萤火(≧▽≦*)o

关注

15
点赞
踩
8

收藏

觉得还不错? 一键收藏
打赏
0
评论
Javascript必看关于变量输入输出方式

1.var用来声明变量，var是Variable的简写意思是可变的。<script> var myname='旗木卡卡西'; var address='火影村'; console.log(myname); console.log(address);</script>2.控制台输出：（这种方式是针对程序员的输出方式，在控制台上可见）console.log(此处为输出的对象)例如：<script> var my
复制链接

扫一扫