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

JavaScript学习

1.JS介绍

JS的前身是liveScript是NetScope网景公司基于自己浏览器开发的一套编程语言，最早的设计初衷是用于前端验证信息。到如今的JavaScript已经不只于过去的验证网页的效果，如今的js更多的应用于如何实现页面动态效果的展示上。类似于Node.js用于写服务器，JScript是微软公司开发的，不同的浏览器使用着不同的引擎，但是此时行业内就需要一个标准用来框定这么多的浏览器，应运而生的便是如今的ES标准（ECMAScript）。

graph TD
JavaScript --> ECMAScript
JavaScript --> DOM
JavaScript --> BOM

其中DOM是文档对象模型，用于控制网页；而BOM是浏览器对象模型，用于控制浏览器的标准。

2.JS的特点

JS是一门解释性语言
类似于C和Java的语法结构
动态语言
基于原型的面向对象

JS的代码需要编写到JavaScript标签中

<script>
    // 警告，弹出一个指令柜
    alert("");
    // 让计算机在页面中输出一个页面
    document.write("");
    // 向控制台输出一个内容(只有开发人员才能查看)
    console.log("");
</script>

JS的代码是从上往下的形式，一行一行执行的。也可以将JS代码写进标签的属性中，例如：

<!-- 只有点击按钮时才会执行 -->
<button onclick="alert('')"></button>
<!-- 可以设置在超链接中，点击超链接执行 -->
<a href="JavaScript:alert('');"></a>

但这种方式也同样存在着其缺点，虽然可以将JS代码写在属性中，但其属于结构和行为耦合，不方便维护。故我们通常写在<Script></Script>标签中。或者以外链的形式，写在.js文件中通过<Script type="text/JavaScript" src="路径"></Script>形式进行调用。注：Script标签一旦引入外部文件就不能在内部编写代码

3.JS注释

多行注释

/*  
    多
    行
    注
    释
 */

单行注释

// 单行注释

JS严格区分大小写，JS的每一条语句以;结尾（如果不添加，电脑会自动添加，但是这种方式会耗费资源，甚至出现计算机添加错误的情况），JS中会忽略多个空格和换行。

4.JS字面量

字面量：不可改变的值（如：123456）可以直接使用

通过变量的形式进行保存（a=1）

声明变量

在JS中使用Var关键字声明一个变量，例

    var a ;
    a = 123;
    console.log(a);

同时进行

    var a = 123 ;
    console.log(a);

可以通过变量对字面量进行描述。

5.JS标识符

标识符：在JS中所有可以自主命名的

例如：变量名，函数名，属性名

规则：

可以含有字母，数字，_，$
不能以数字开头
不能是ES中的关键字或保留字
一般采用驼峰命名法（首字母小写，每个单词开头字母大写，其余小写，如helloWorld）

JS底层保存标识符时，实际上采用的是Unicode（UTF-8）万国码。

前端开发 ｜ 青训营笔记

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