JavaScript--快速入门 & 数据存储单位

Posted 2021-08-07 Z && Y

1. javascript 快速入门

JavaScript参考网站

---

1.1 前言

• JavaScript是一种运行在浏览器中的解释型的编程语言。
• 在Web世界里，只有JavaScript能跨平台、跨浏览器驱动网页，
  与用户交互。
• 新兴的Node.js把JavaScript引入到了服务器端，JavaScript已经变成了全能型选手。
• JavaScript一度被认为是一种玩具编程语言，它有很多缺陷，所以不被大多数后端开发人员所重视。很多人认为，写JavaScript代码很简单，并且JavaScript只是为了在网页上添加一点交互和动画效果。但这是完全错误的理解。JavaScript确实很容易上手，但其精髓却不为大多数开发人员所熟知。编写高质量的JavaScript代码更是难上加难。一个合格的开发人员应该精通JavaScript和其他编程语言。如果你已经掌握了其他编程语言，或者你还什么都不会，请立刻开始学习JavaScript，不要被Web时代所淘汰。

---

1.2 JavaScript历史

• 在上个世纪的1995年，当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的第一代互联网公司。
• 由于网景公司希望能在静态html页面上添加一些动态效果，于是叫Brendan Eich这哥们在两周之内设计出了JavaScript语言。你没看错，这哥们只用了10天时间。
• 为什么起名叫JavaScript？原因是当时Java语言非常红火，所以网景公司希望借Java的名气来推广，但事实上JavaScript除了语法上有点像Java，其他部分基本上没啥关系。

---

1.3 ECMAScript

因为网景开发了JavaScript，一年后微软又模仿JavaScript开发了JScript，为了让JavaScript
成为全球标准，几个公司联合ECMA（European Computer Manufacturers Association）组
织定制了JavaScript语言的标准，被称为ECMAScript标准。所以简单说来就是，ECMAScript
是一种语言标准，而JavaScript是网景公司对ECMAScript标准的一种实现。那为什么不直接
把JavaScript定为标准呢？因为JavaScript是网景的注册商标。不过大多数时候，我们还是用
JavaScript这个词。如果你遇到ECMAScript这个词，简单把它替换为JavaScript就行了。

---

1.4 引入JavaScript

---

1.4.1 行内式

<input type="button" value="点我试试" onclick="alert('Hello World')" />

• 可以将单行或少量 JS 代码写在HTML标签的事件属性中（以 on 开头的属性），如：onclick
• 注意单双引号的使用：在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号
• 可读性差， 在html中编写JS大量代码时，不方便阅读；
• 引号易错，引号多层嵌套匹配时，非常容易弄混；
• 特殊情况下使用

---

1.4.2 内嵌式

<script>
    alert('Hello  World~!');
</script>

• 可以将多行JS代码写到 script 标签中
• 内嵌 JS 是学习时常用的方式
• 通常我们都把JavaScript代码放到 head 中。
  

---

1.4.3 外部JS文件

 <script src="my.js"></script>

• 利于HTML页面代码结构化，把大段 JS代码独立到 HTML 页面之外，既美观，也方便文件级别的复用
• 引用外部 JS文件的 script 标签中间不可以写代码
• 适合于JS 代码量比较大的情况

---

1.5 JavaScript输入输出语句

为了方便信息的输入输出，JS中提供了一些输入输出语句，其常用的语句如下：

方法	说明	归属
alert(msg)	浏览器弹出警示框	浏览器
console.log(msg)	浏览器控制台打印输出信息	浏览器
prompt(info)	浏览器弹出输入框，用户可以输入	浏览器

• 注意：alert() 主要用来显示消息给用户，console.log() 用来给程序员自己看运行时的消息。

---

补充: 数据存储单位

大小关系：bit < byte < kb < GB < TB<.....

• 位(bit)： 1bit 可以保存一个 0 或者 1 （最小的存储单位）
• 字节(Byte)：1B = 8b
• 千字节(KB)：1KB = 1024B
• 兆字节(MB)：1MB = 1024KB
• 吉字节(GB): 1GB = 1024MB
• 太字节(TB): 1TB = 1024GB

---

---