JS初学者笔记-CSDN博客

本文链接：https://blog.csdn.net/qq_42833078/article/details/119746701

系列文章目录

一、JS简介

1.JS注释

JavaScript 的注释与 JAVA 几乎相同，单行注释以//开头，在其后添加注释。多行注释以/开头，以/结尾，在中间添加注释。

2.JS输出

JavaScript 的输出有三种方式，如下：
第 1 种：弹出对话框模式
通过 alert() 函数弹出对话框，这是最常用的方式。在 script 标签下，调用 window.alert() 函数，括号内填入输出的内容。将下面的代码以文本编辑器编辑后改为 .html 后缀，然后用浏览器打开后即可弹出对话框。

<!DOCTYPE html>
<html>
    <body>
        <script>
        window.alert("Hello,World!");
        </script>
    </body>
</html>

第 2 种：控制台模式
通过 console 输出到控制台，在 script 标签下，调用 console.log() 函数，括号内填入输出的内容，以浏览器打开下面的代码后，按 F12 键即可在浏览器的控制台中实现输出。除此之外，还有 console.error()、console.warn() 等方式实现输出，分别表示输出错误，输出警告

<!DOCTYPE html>
<html>
    <body>
        <script>
        console.log("Hello,World!");
        </script>
    </body>
</html>

第 3 种：页面输出模式
通过 document.write() 实现输出到页面。在 document.write() 函数的括号中填入输出的内容即可。例子如下：

<!DOCTYPE html>
<html>
    <body>
        <script>
        document.write("Hello,World!");
        </script>
    </body>
</html>

3.JS如何嵌入html中

将 JavaScript 嵌入到 HTML 中有两种方法，对于内容较少的 JavaScript 代码，常采用将 JavaScript 代码直接写在 HTML 中的做法。
在之间写入 JavaScript 代码，然后将标签连同代码放入到或者之间，常见的是放在之间，因为这样 JavaScript 和 HTML 的主体内容相对分开，便于阅读。如下是一个实例：

<!DOCTYPE html>
<html>
    <head>
        <script>
        console.log("在HTML中嵌入JavaScript，这里是JS部分");
        </script>
    </head>
    <body>
    <!--这里是HTML的主体部分-->
    </body>
</html>

引入外置代码源文件的方式在 HTML 中嵌入 JavaScript
对于较长的 JavaScript 源代码，使用内置代码的方式会使得 HTML 代码过长，不符合程序开发模块化的要义。这时可采用引入外部代码文件的方式，即将所有的 JavaScript 代码放在一个扩展名为 .js 的文档中，然后将 script 标签的 src 属性值设置为待引入的 JavaScript 文件的路径名，再将标签，这些标签是 HTML 语言的内容。
hello.html如下：

<!DOCTYPE html>
<html>
    <head>
        <script src="myjs.js">
        </script>
    </head>
    <body>
    <!--这里是HTML的主体部分-->
    </body>
</html>

4.JS中的变量

JavaScript 中的变量

不同于 C 或 Java，JavaScript 是一种动态类型的语言，即申明的时候不指定变量的数据类型，而在运行的时候根据变量的具体值动态的判断变量的数据类型。的变量名以字母或者$或者_开头；变量名只能含有字母、数字、下划线和美元符号；大小写敏感；不能使用保留的关键字，如 html、var、function 等，这一条一定要记住，使用关键字造成的错误往往很难排除。

JavaScript 中的变量的申明、初始化和赋值

变量的申明在 JavaScript 中，申明变量以关键字 var 开头，空一格后再接变量的名字；当然，可以一次申明多个变量，这时 var 只需要出现一次，多个变量名之间用英文的逗号隔开即可。如：
var myvar1; //申明变量"myvar1"

var myvar2,myvar3,myvar4; //一次申明三个变量
变量的初始化和赋值既然变量是用来记录数据的，如何给变量赋值呢？简单来说，和数学中一样，用一个等号连接变量名和变量的值即可，对于数字的赋值，直接用等号连接数字和变量，对于字符串的赋值，需要将字符串包含在英文双引号之中。变量的第一次赋值称之为初始化。你可能已经想到了，申明和初始化能一起进行吗？答案是肯定的，下面我们给出具体的例子：

var numberVar;     //申明
numberVar = 1;     //赋值为数字
var stringVar;     //申明
stringVar = "I am a String";     //赋值为字符串
var myNumber = 2;     //申明的同时赋值为数字
var myString = "我是字符串";     //申明的同时赋值
var number1 = 1,number2 = 2;     //一次申明、赋值多个变量

JavaScript 中的变量的作用域

变量的作用范围，或者说作用域，是指变量保持有效的范围，JavaScript 中的变量广义上来说分为局部变量和全局变量。
全局变量: 在函数外部申明的变量称为全局变量，全局变量的作用自申明的地方起，到整个 JavaScript 文件的末尾（包括这其中的所有函数的内部）。下面是一个例子:
局部变量局部变量是指申明在函数内部的变量，其作用域仅是本函数内部，在函数外不可用。如果局部变量和全局变量的名字相同，那么在函数内部全局变量会被局部变量覆盖。