JS书写位置、认识输出语句、如何处理报错、变量、变量声明提升

最新推荐文章于 2022-06-06 22:02:20 发布

头发还多

最新推荐文章于 2022-06-06 22:02:20 发布

阅读量193

点赞数

分类专栏： js学习内容记录文章标签： javascript

本文链接：https://blog.csdn.net/qq_44935762/article/details/119055322

版权

js学习内容记录专栏收录该内容

56 篇文章 0 订阅

订阅专栏

JavaScript书写位置：

在<body>总<script>标签，在内部书写JavaScript代码中
将代码单独保存为.js格式文件，然后再HTML文件中使用<script src=""></script>这样的形式引入它
JavaScript不能脱离HTML网页运行，但今后学习的NodeJS可以作为JavaScript独立运行的平台

代码测试（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>
    <script>
        // 弹窗
        alert('你好，JavaScript！');
    </script>
</body>
</html>

代码测试（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>
</head>
<body>
    <script src="js书写位置.js">
        // 弹窗
        // alert('你好，JavaScript！');
    </script>
</body>
</html>

// js书写位置.js
alert('你好，JavaScript！');

在这里插入图片描述

认识输出语句：（注意英文书写）

- alert()语句 -弹出警告框

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>
<body>
    <script>
        // 弹窗
        alert('你好，JavaScript！');
    </script>
</body>
</html>

当整个程序中碰到alert语句就会停止，直到用户点击窗口才会继续运行下面程序

- console.log()语句 -控制台输出

console是JS的内置对象，通过“打点”可以调用它内置的log“方法”。所谓的“方法”就是对象能够调用的函数

<!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>
        console.log('这是一条JavaScript语句！');
    </script>
</body>
</html>

在这里插入图片描述

如何处理报错：

常见的错误

中英文用错
Uncaught SyntaxEorror:Invalid or unexpected token未捕获的语法错误：不合法或错误的符号
控制台会显示出错误的行数及错误原因
忘记用引号包裹
Uncaught ReferenceError:** is not defined
没有定义**
拼写函数错误
Uncaught ReferenceError:* is not defined

REPL环境

控制台也是一个REPL环境，可以使用它临时测试表达式的：read读——eval执行——print打印——loop循环——再到读成一个圈
也就是说console面板可以直接在控制台测试语句

变量：

是计算机语言中能存储计算结果或能表示值抽象概念
变量不是数值本身，他们仅仅是一个用于存储数值的容器

定义变量

要使用变量，第一步就是声明它，并给它赋值
var a=5;关键字var定义变量，=表示赋值
复制后，就可以使用它了console.log(a);输出变量时不用引号包裹

<!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>
        var a = 5;
        console.log(a);
    </script>
</body>
</html>

在这里插入图片描述

## 变量的使用和学过的C语言类似，就不做笔记了

变量的合法命名

只能由字母、数字、下划线、$组成，但不能以数字开头
不能是关键字或保留字
变量名大小写敏感，a和A两个不同变量

优秀的变量命名法

驼峰命名法：mathTestScore
c风格：math_test_socre
匈牙利命名法：iMathTestScore(i表示类型提示)

变量的默认值

一个变量只定义，没有赋初值，默认值时undefined
一个变量只有被var定义，并赋值之后，才算正式初始化完成
这里类似于C语言就不做笔记了

变量常见错误

定义一定要由var
没定义var，也没赋值
等号表示赋值

同时声明多个变量

使用逗号隔开

变量声明提升

变量声明的提升：你可以提前使用一个稍后才声明的变量，而不会引发异常
在执行所有代码前，JS有预解析阶段，会预读所有变量的定义

console.log(a);//先使用变量
var a=12;//后定义变量

预解析提升定义，但不提升值

【注意事项】

变量声明提升时JavaScript的特性，所以经常出面试题
在真实开发中不会可以使用变量声明提升

头发还多

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS书写位置、认识输出语句、如何处理报错、变量、变量声明提升

JavaScript书写位置：在<body>总<script>标签，在内部书写JavaScript代码中将代码单独保存为.js格式文件，然后再HTML文件中使用<script src=""></script>这样的形式引入它JavaScript不能脱离HTML网页运行，但今后学习的NodeJS可以作为JavaScript独立运行的平台代码测试在这里插入代码片学习内容：提示：这里可以添加要学的内容例如：1、搭建 Java 开发环境2
复制链接

扫一扫