javaScript： js变量，输入，输出，数组，vscode设置代码模板

最新推荐文章于 2024-02-28 09:12:38 发布

ForestSpringH

最新推荐文章于 2024-02-28 09:12:38 发布

阅读量1.1k

点赞数 3

分类专栏：前端学习文章标签： javascript vscode 前端

本文链接：https://blog.csdn.net/m0_59588838/article/details/127240710

版权

前端学习专栏收录该内容

18 篇文章 0 订阅

订阅专栏

一、js变量

声明变量的方法有两种 let 和var 这两个关键字都可以声明变量，但是区别在于java里的局部变量和全局变量。let 声明局部变量（常用），var 声明全局变量（类似java，存在变量提升（不严格声明顺序，可以先使用后声明），易造成变量污染），const 声明常量。理解js里头的变量就像理解后端开发语言一样的方式，就是一存放值的容器，指向的一块地址空间，在java里它是引用，存放变量名的堆栈里实际的键值是句柄或是引用。

let age ；age =18 ；或是 let age =18；后者叫做初始化，前者是先声明再赋值。

二、输入

js脚本主要跑在浏览器上，进行交互的操作也是和浏览器进行交互，浏览器弹出框框给你输入，或者通过绑定JS函数的input框进行输入，这里我们以prompt()做个示范：

let age = prompt('请输入你的年龄')

也可以通过document结点的操作获取结点值并将值传递给我们的变量。

三、输出

常见的输出方式有alert('内容')警示框，console.log('内容')控制台输出，document.write('内容')往html文档中写内容。

四、数组

最常见的数组定义方式是let 数组名 = [ ] ，let 数组名 = Array[ ]，我们发现数组没有强制元素类型。那也没有办法，不过我们可以强制规定用户输入元素的类型，否则不允许数组接收。

        let arr = []
        // 内容用于判断用户输入的数据类型是否合规
        let arrValue 
        for(let i= 0;i<10;i++){
                arrValue = prompt('输入数组中第'+i+'个数据的值：')
                if(arrValue - 0 != arrValue || arrValue == null || arrValue == '' ){
                    alert('请输入数字类型的数据！')
                    //  保证输错数据类型时数组的索引停留
                    i -= 1
                }else{
                    // 未输错则赋值
                    arr[i] = arrValue
                }
            }  
        document.writeln(arr)

五、vscode设置代码模板

选择点击文件，选择点击首选项，选择点击配置用户代码片段，编辑一个新的代码片段并保存即可（下面是我设置的html代码模板）：

{
    // Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body and 
    // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
    // same ids are connected.
    // Example:
    "Print to index": {
        "prefix": "!", //模板的快捷键
        "body": [
            "<!DOCTYPE html>",
            "<html lang=\"en\">",
            "\t<head>",
            "\t\t<meta charset=\"UTF-8\">",
			"\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0\">",
			"\t\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
            "\t\t<title>Document</title>",
            "\t\t<link rel=\"stylesheet\" type=\"text/css\" href=\"\" />",
            "\t</head>",
            "\t<style type=\"text/css\"></style>",
            "\t<body>\n\t\t",
            "\t</body>",
            "\t<script src=\"\" type=\"text/javascript\" charset=\"UTF-8\"></script>",
            "</html>"
        ],
        "description": "HT-H5" //模板的描述 
    }
}

ForestSpringH

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
javaScript： js变量，输入，输出，数组，vscode设置代码模板

let 声明局部变量（常用），var 声明全局变量（类似java，存在变量提升（不严格声明顺序，可以先使用后声明），易造成变量污染），const 声明常量。
复制链接

扫一扫