如何写好JavaScript | 青训营笔记

懒羊羊学技术

2022-07-27 116 阅读2分钟

这是我参与「第四届青训营」笔记创作活动的第3天

今天的青训营由讲解了一下前端三件套之一的JavaScript，这个语言看似与java差不多，但实则两者相差非常远，简单来说，也就是周杰和周杰伦的区别，那么我们如何写好JavaScript呢，青训营的老师说：写好JavaScript的原则就是各司其责，组件封装以及过程抽象。

JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都可以使用 JavaScript。比如一个简单的JavaScript代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>第一个JavaScript</title>
<script>
function displayDate(){
	document.getElementById("first").innerHTML=Date();
}
</script>
</head>
<body>
<p id="first">这是一个段落</p>
<button type="button" onclick="displayDate()">显示日期</button>
</body>
</html>

这是一个点击按钮可以操纵DOM来显示日期的JavaScript程序，是一个比较基础的JavaScript程序，这里我们直接操纵了DOM使得页面进行了改变，到后面学到了Vue-js或者react我们可以不直接操纵Dom从而改变页面。

为什么我们要学习JavaScript以及JavaScript的作用是什么？

JavaScript是web开发人员必须学习的三门语言中的一门，前端三件套中，html定义了网页的内容，css描述了网页的布局，JavaScript控制了网页的行为。JavaScript是前端中最最基础最最重要的一门语言。

那我们如何在html文件中引入JavaScript呢？我们需要使用script标签，会告诉 JavaScript 在何处开始和结束。之间的代码行包含了 JavaScript。
JavaScript的输出

在JavaScript中我们通常使用console.log来输出结果，也可以用过alert在弹出结果。

在JavaScript中如果我们需要定义一个关键字，则需要用到var或者let或者const,这三者也有很大的区别。
JavaScript也有许多语法，for循环，do-while循环，switch语句，正则表达式等等。