【校招VIP】掌握 Javascrip 的基础语法- 校招VIP

转载声明：文章来源：https://blog.csdn.net/weixin_42250835/article/details/129950103

JavaScript的书写位置
JavaScript的书写位置有两种：
第一种，<body>标签中的 <script>标签内部书写的就是 JavaScript代码。
第二种，将代码单独保存为 ".js格式文件" ，然后再HTML文件中使用<script src=""></script> 这样的形式引入它
在初期学习时，因为没有接触 NodeJS ，我们的js脚本是不能脱离HTML网页独立运行的。后期学习了 NodeJS 之后，NodeJS 将成为 JavaScript 独立的运行平台。
编写第一行JavaScrip代码
首先新建一个项目–>新建一个HTML文件–>生成HTML骨架
然后在body标签对中书写<script></script>标签对
书写script标签对，在HTML4中，需要加上type属性，属性值是text/javascript
在基本都是HTML5了，type属性可以省略不写

在html4中的写法：

再然后可以在<script></script>标签对中书写javascript脚本了，就是将JavaScrip代码写在HTML文件中，比如弹出一个警告框的脚本如下：

<script>
        alert('hello JavaScript!');
    </script>

第二种是写在.js文件中，然后在html文件中引入 "xxxx.js文件" , 文件内容如下：

alert('你好 JavaScript!');

尝试在 "xxxx.html文件" 中引入 "xxxx.js文件" ，示例如下：

<!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>
    <script src="myjs.js"></script>
</body>
</html>

浏览HTML文件时的效果和第一种写法是一样的：

JavaScript的注释
JavaScript注释的语法：
单行注释——前面加两条斜杠
多行注释——用/**/包裹

//这是一条单行javascript的注释
alert('hello');
/*
多行注释
。。。。
。。。。。。
/*

输出语句
输出语句：将计算机内部的一些程序、变量等输出出来，显示到屏幕上。
下面这两个输出语句非常常用：
弹出警告框：alert()
控制台输出：console.log()
弹出警告框语句——alert()
上面的例子中已经用到看这个语句
alert()语句的语法（一定要严格按照语法写）：。

alert()语句的功能就：浏览器遇到alert()语句就会中断程序的执行，并弹出一个警告框，直到用户点击了“确定”，才能继续往下执行。
下面看个例子：
示例代码：

<body>
    <script>
        alert('你好,JavaScript!');
        alert('子曰，这是一个alert');
    </script>
</body>

浏览网页时的效果如下：

控制台输出语句——console.log()
console.log()在调试javascript脚本时经常会用到。
console.log()语句的语法：

“对象”、“方法”、“函数“在后面还会详细的讲解。大家知道大概的区别就好。
console.log()语句的功能：在控制台—>console面板中输出日志语句。
下面看个例子：
示例代码：

<body>
    <script>
        console.log('这是一个console.log');
        console.log('console.log()在调试js脚本时经常使用');
    </script>
</body>

浏览网页时打开控制台(按F12) ——> 进入console面板，可以看到console.log()输出的内容：

注意：console.log()语句是不会中断程序的运行的，只会在console面板打印出日志。
处理报错
如果程序有报错，在控制台->console面板中会提示报错信息。我们要学会看报错信息。
下面直接看报错的例子：

这个例子报的是”语法“错误，就是语句的语法没有写对：如符号写成了中文。
我们可以看到控制台->console面板中提示的报错信息非常的详细。在工作中，我们要习惯打开控制台来观察报错信息。
再看一个例子：

这个例子报的是”引用“错误，因为字符串没有被引号包裹，程序处理时将这个字符串识别成了”变量“，而变量是必须被定义的，才报了这个错误。
扩展——REPL环境
REPL代表read(读)、eval(执行)、print(打印)、loop(循环)
REPL环境可以实现先读程序->再执行程序->再打印输出结果->再循环执行的环境

控制台是一个REPL环境，可以使用它临时测试表达式的值。
下面看个例子：