JavaScript 的三种书写位置，注释形式，变量的使用叙述

最新推荐文章于 2023-08-31 23:00:00 发布

兔C

最新推荐文章于 2023-08-31 23:00:00 发布

阅读量713

点赞数

分类专栏： JavaScript 文章标签： javascript 编辑器前端

本文链接：https://blog.csdn.net/tianlei_/article/details/125252027

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

文章目录

前几天，我开始接触 JavaScript，然后学完理论知识即时写成了博文。
这两天，又正式开始接触后续内容，耽误了几天，因为下载编辑器，开始设置编辑器的常用插件之类的。现在把这次学到的东东在写成博客。如下内容所述：

1. JS code的三种书写位置

1.1 行内写法

<!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>

<body>
    
   <input type="button" value="我是行内写法" onclick="alert('我被点击了')">
    
</body>
</html>

在 input 标签中，将类型设置为了按钮，value值设置为按钮上要显示的文字，之后写添加了 onclick 点击事件，在该点击事件中，设置了 alert 弹框效果。最后运行效果如图：

在这里插入图片描述

1.2 内嵌写法

<!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>
    <script>
        alert("我是js的内嵌写法");
    </script>
</head>
<body>
    
</body>
</html>

内嵌的写法，在head下，声明了该段代码为 script 脚本的标签，在标签中，继续写入 alert 弹出框的函数。当运行本段代码时，浏览器在打开时，会自动弹出 alert 函数中设置好的弹出信息。执行效果如图：
在这里插入图片描述

1.3 外部写法

我们继续看外部写法：

<!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>

    <script src="Waibu2.js"></script>
</head>
<body>
    
</body>
</html>

在这段代码中，在声明为 script 脚本的 script 标签中使用 src 引入了外部的 js文件。而外部的js文件中，只编写了一个 alert 函数，并在其中设置好了值。现在我们来运行看一下这种外部调用过来的写法的实现效果：

在这里插入图片描述

注意哦：外部的js文件中的写法不用使用分号进行结尾，否则不会执行成功的。

1.4 注意事项

在我接触到的教程视频中，大概是这样叙述的，在 html中语法推荐使用双引号，但是在js当中推荐使用单引号。对于这一点，在接触python的时候也是如此，python当中可以进行双引号和单引号的嵌套使用，但是注意好编写的不混乱即可。

2. JS 的注释

JS 的注释有两种形式，单行注释 和 多行注释

单行注释与java中相同。两个双斜线，打在需要注释的代码上方，并在双斜线后方写上注释内容。

如这样： // 行内写法测试

那多行注释的话以 /* 开头， */结尾即可。在其中间包裹的内容均视为注释效果。与java不同的是没有文档注释，而python与两者均不相同，python的单行注释为 # 多行注释为 “”" 三个双引号开头，三个双引号结尾。

在 visualstudiocode编辑器中也可以设置快捷键，单行注释的快捷键为 ctrl + / 多行注释的快捷键为 ctrl + shift + a 。这个可以自己自行更改，只需在快捷键中找到进行更改即可。我的多行注释快捷键就改成了 ctrl + shift + /。

4. JS 常用的输出语句

4.1 浏览器弹出警示框

这个就是我们上述内容所用的 alert(msg) 函数，它的作用就是浏览器弹出警示框。

4.2 浏览器控制台打印输出信息

console.log(msg) 函数是我们程序员使用较多的，该函数的作用是括号中的参数信息，可以以日志形式，在浏览器控制台中，由程序员浏览

<script>
   console.log("我是由程序员能看到的日志信息");
</script>

当该代码执行成功后，在浏览器中按 F12，在弹出的界面框中，找到 console 控制台一栏，可看到如下图效果：
在这里插入图片描述

4.3 浏览器弹出输入框，用户可以输入

prompt(info) 函数的效果，如同alert 函数，会在浏览器上弹出一个框框，不同的是这个函数可以让用户录入信息，并且该函数的参数为用户将要看到的提示内容。

这个自己写一下运行一下效果就清楚了。

5. 变量

5.1 什么是变量

在之前的学习当中，有了解到数据的存储离不开变量，变量是用来存储数据的容器，当数据要进行存储和操作时，可以将其存储到变量当中，通过变量进行操作。而它的本质就是在内存当中申请一块用来存储数据的空间。

5.2 变量的使用

先进行声明
在进行赋值

//声明变量的语法
var age; //声明一个名字为 age 的变量

var 是js中的关键字，用来声明变量(var 是variable变量的意思)，使用该关键字声明变量时，计算机会自动在内存中为其声明开辟内存空间，无需程序员管理。
这个单词的意思百度一下，var是缩写，而不是读哇

如果要进行使用的话，可以进行赋值，然后在配合我们上述接触到过的输出语句，使其进行输出

age =18;
alert('我的年龄是：'+age);

注意：

述代码都是写在 script 脚本标签当中的。
= 等号是赋值的意思，左边的值，赋到左边的变量当中。
变量值是由我们程序员保存到变量空间里的值。

变量的初始化

上面我们使用变量的形式是先声明，然后在赋值。
变量的初始化就是声明的同时并且为其赋值：
我们可以这样写 var age =18;

5.3 变量的语法扩展

1. 同时声明多个变量

在java中，我们声明相同数据类型的变量时，可以使用,逗号分隔的形式，继续进行声明。这样的写法就无需冗余的创建相同数据类型的变量时，重复的声明数据类型了。

而 javascript脚本语言中，也可以这样。

var myname ='兔C',
age =18,
address ='CSDN';

如这样写！
但是注意变量名称的使用，name 是关键字不可以使用滴！

2. 变量值更新

哦对了，还有声明变量为其赋值的时，变量值的内容为最后一次赋予的值。
也就是说前一次赋的值，会被最后一次赋予的值覆盖掉。以最后次的赋值为最终结果。

6. 变量命名规范

我不在将后续的博文写的多精妙，写的在饱满，实质上也是对知识的搬运而已，应该关注在知识本身。至于博文，只要看了就懂，或者说忘了去看，看了明了，即可即可。
因为写博客就像自己的学习笔记，或者日志，一段时间里，写了多少，就知道自己学了多少。
挺好挺好

变量名在编程语言中都大同小异，无非就是可用的符号字母美元符号下划线，最好不以符号开头，字母开头！注意可以有数字，但是不可以数字开头！最后就是小驼峰。
然后你起的这个叫标识符，在java中就是这么称呼的。
python 和java更是大同小异。 _ 下划线代表空格。但是python中没有说可以有美元符号，我没试过。也不想试试。

7. 注意事项

最后就是变量使用的注意事项：

变量在声明后不进行赋值使用的话，会报 undefined，错误信息在提示你未进行定义的。
变量在不声明和赋值的情况下进行使用会报错的。
变量在不声明只赋值的情况下进行使用也可以正常输出结果。

兔C

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript 的三种书写位置，注释形式，变量的使用叙述

前几天，我开始接触 JavaScript，然后学完理论知识即时写成了博文。这两天，又正式开始接触后续内容，耽误了几天，因为下载编辑器，开始设置编辑器的常用插件之类的。现在把这次学到的东东在写成博客。如下内容所述：在 input 标签中，将类型设置为了按钮，value值设置为按钮上要显示的文字，之后写添加了 onclick 点击事件，在该点击事件中，设置了 alert 弹框效果。最后运行效果如图：内嵌的写法，在head下，声明了该段代码为 script 脚本的标签，在标签中，继续写入 alert 弹
复制链接

扫一扫