JavaScript初识（编程语言、计算机基础）

一、编程语言

（一）、编程 

1、编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。

2、计算机程序：就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。

3、注意：上面所定义的计算机指的是任何能够执行代码的设备，可能是智能手机、ATM机、黑莓PI、服务器等等。

（二）、计算机语言

1、定义：计算机语言指用于人与计算机之间通讯的语言，它是人与计算机之间传递信息的媒介。

2、种类：机器语言、汇编语言和高级语言三大类。

3、实际上计算机最终所执行的都是机器语言，它是由“0”和“1”组成的二进制数，二进制是计算机语言的基础。

（三）、编程语言

1、可以通过类似于人类语言的“语言”来控制计算机，让计算机为我们做事情，这样的语言就叫做编程语言（Programming Language）。

2、编程语言是用来控制计算机的一系列指令，它有固定的格式和词汇（不同编程语言的格式和词汇不一样），必须遵守。

3、如今通用的编程语言有两种形式：汇编语言和高级语言。

4、汇编语言和机器语言实质是相同的，都是直接对硬件操作，只不过指令采取了英文缩写的标识符，容易识别和记忆。

5、高级语言主要是相对于低级语言而言 ，它并不是特指某一种具体的语言，而是包括了很多编程语言，常用的有C语言、C++、Java、C#、Python、PHP、JavaScript、Go语言、Objective-C、Swift等。

如：

C语言：puts（"你好"）;

 PHP:echo"你好";

Java:System.out.println("你好");

JavaScript:alert("你好");

（四）、翻译器

高级语言所编制的程序不能直接被计算机识别，必须经过转换才能被执行，为此，我们需要一个翻译器。

翻译器可以将我们所编写的源代码转换为机器语言，这也被称为二进制化。记住1和0.

（五）、编程语言与标记语言的区别

1、编程语言有很强的逻辑和行为能力。在编程语言里，你会看到很多if else、for、while等具有逻辑性和行为能力的指令，这是主动的。

2、标记语言（html）不用于向计算机发出指令，常用于格式化和链接。标记语言的存在是用来被读取的，它是被动的。

（六）、总结

1、计算机可以帮助人类解决某些问题。

2、程序员利用编程语言编写程序发出指令控制计算机来实现这些任务。

3、编程语言有机器语言、汇编语言、高级语言。

4、高级语言需要一个翻译器转换为计算机识别的机器语言。

5、编程语言是主动的有很强的逻辑性。

 三、计算机基础

（一）、计算机组成

1、硬件

①输入设备：鼠标、键盘、手写板、摄像头等；

②输出设备：显示器、打印器、投影仪等；

③CPU：负责处理数据与运算；

④硬盘：负责存储数据，硬盘永久存储数据，内存暂时存储数据

⑤内存：负责存储数据，硬盘永久存储数据，内存暂时存储数据

2、软件

①系统软件：Windows、Linux、macOS

②应用软件：浏览器、QQ、VScode、Sublime、Word

（二）、数据存储

1、计算机内部使用二进制0和1来表示数据。

2、所以数据，包括文件、图片等最终都是以二进制数据（0和1）的形式存放在硬盘中的。

3、所以程序，包括操作系统，本质都是各种数据，也以二进制数据的形式存放在硬盘中。平常我们所说的安装软件，其实就是把程序文件复制到硬盘中。

4、硬盘、内存都是保存的二进制数据。

（三）数据存储单位

bit<byte<kb<GB<TB<......

●位(bit):1bit可以保存一个0或者1（最小的存储单位）

●字节（Byte）：1B=8b

●千字节（KB）：1KB=1024B

●兆字节（MB）：1MB=1024KB

●吉字节（GB）:1GB=1024MB

●太字节（TB）:1TB=1024GB

●......

（四）、程序运行

硬盘→内存条→cpu

1、打开某个程序时，先从硬盘中把程序的代码加载到内存中。

2、CPU执行内存中的代码。

3、注意：

之所以要内存的一个重要原因，是因为cpu运行太快了，如果只从硬盘中读数据，会浪费cpu性能，所以，才使用存取速度更快的内存来保存运行时的数据。（内存是电，硬盘是机械）

二、JavaScript初识

（一）、JavaScript是什么

1、JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言（Script是脚本的意思）；

2、脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行；

3、现在也可以基于Node.js技术进行服务器端编程。

（二）、JavaScript的作用

1、表单动态校验（密码强度检测）（JS产生最初的目的）

2、网页特效

3、服务端开发(Node.js)

4、桌面程序（Electron）

5、App（Cordova）

6、控制硬件-物联网（Ruff）

7、游戏开发（cocos2d-js）

（三）、HTML/CSS/JS的关系

1、HTML/CSS标记语言--描述类语言

● HTML决定网页结构和内容（决定看到什么），相当于人的身体

● CSS决定网页呈现给用户的模样（决定好不好看），相当于给人穿衣服、化妆

2、JS脚本语言--编程类

● 实现业务逻辑和页面控制（决定功能），相当于人的各种动作

（四）、浏览器执行JS简介

1、浏览器分成两部分：渲染引擎和JS引擎

●渲染引擎：用来解释HTML与CSS，俗称内核，比如Chrome浏览器的blink，老版本的webkit。

●JS引擎：也称为JS解释器，用来读取网页中的JavaScript代码，对其处理后运行，比如Chrome浏览器的V8

浏览器本身并不会执行JS代码，而是通过内置JavaScript引擎（解释器）来执行JS代码。JS引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以JavaScript语言归为脚本语言，会逐行解释执行。

（五）、JS的组成

①ECMAScript：JavaScript语法；

②DOM：页面文档对象模型；

③BOM：浏览器对象模型

（1）ECMAScript

①ECMAScript是由ECMA国际（原欧洲计算机制造商协会）进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为JavaScript（网景公司）或JScript（微软公司），但实际上后两者是ECMAScript语言的实现和拓展。

②ECMAScript：ECMAScript规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准。

③更多的参看MDN：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/JavaScript_technologies_overview

(2）DOM——文档对象模型

文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可拓展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等）。

（3）BOM——浏览器对象模型

BOM(Browser Object Model，简称BOM）是指浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。

（六）、JS初体验

1、行内式JS

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

●可以将单行或者少量JS代码写在HTML标签的事件属性中（以on开头的属性），如：onclick；

●注意单双引号的使用：在HTML中我们推荐使用双引号，JS中我们推荐使用单引号；

●可读性差，在html中编写JS大量代码时，不方便阅读；

●引号易错，引号多层嵌套匹配时，非常容易弄混；

●特殊情况下使用。

 2、内嵌JS

<script>

       alert('Hello World~');

 </script>

●可以将多行JS代码写到<script>标签中；

●内嵌JS是学习时常用的方式。

3、外部JS文件

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

●利用HTML页面代码结构化，把大段JS代码独立到HTML页面之外，既美观，也方便文件级别的复用；

●引用外部JS文件的script标签中间不可以写代码；

●适合于JS代码量比较大的情况。

（七）、JavaScript输入输出语句

 

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