【九月打卡】第13天前端工程师2022版前端入门第二周课程-原创手记-慕课网

课程名称：前端工程师2022版
课程章节： JS语法与变量
课程讲师：慕课网
课程目标：掌握JavaScript的基本语法
课程内容：

什么是JavaScript.
输出语句
变量及变量提升

什么是JavaScript

JavaScript 是一种编程语言，主要参与构建 Web 前端应用。
之前的版本JS由于是弱类型，并定义为开发网页的脚本性执行语言，但是随着WEB2.0和3.0的发展，JS 迭代出了 EMCA和TS，作为大前端的底层核心。

1.结构层（structural layer）

由 HTML 或 XHTML之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。”

2.表示层（presentation layer）

由 CSS 负责创建。 CSS对“如何显示有关内容”的问题做出了回答。

3.行为层（behaviorlayer）

负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM主宰的领域。
图片描述

现代的前端应用离不开 JavaScript ，随着浏览器的性能越来越好，产品交互越来越复杂，JavaScript 的地位也越来越高。

表单验证、动画效果甚至 3D 应用，均可以由 JavaScript 来完成。

输出语句

JavaScript 可以通过不同的方式来输出数据：
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
eg:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
	
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<script>
document.write(Date());
</script>
	
</body>
</html>

输出结果如下：
图片描述

console.log() 主要多用于调试和报错日志分析。

变量

JavaScript 变量
与代数一样，JavaScript 变量可用于存放值（比如 x=5）和表达式（比如 z=x+y）。
变量名存在一些命名规则：
变量名必须使用字母、下划线(_)、美元符号($)开头；
变量对大小写敏感；
无法使用关键字作为变量名。
同时起变量名的时候需要有意义，靠近上下文场景。
一般实践中命名标准使用驼峰命名法，且有严格规定作规范：与后端的习惯保持一致。便于维护和排查。
变量的默认值
变量在声明的时候，如果没有赋值，则变量就会有一个默认值 undefined。
同时声明多个变量
使用一个 var 关键字就可以直接声明多个变量。
变量的升格一般不推荐使用，了解有这个功能，明白JS有预编译的功能即可。

课程截图：
图片描述