JS学习导入

1.导读

1.1什么是编程语言

编程：计算机为了解决某个问题而使用某种程序设计语言编写程序代码，最终得到结果的过程。
编程语言：用来控制计算机的一系列指令，有固定的格式和词汇有，机器语言、汇编语言和高级语言。
编程语言与标记语言的区别：编程语言有很强的的逻辑和行为能力且是主动地，标记语言（html）不用于向计算机发出指令，且是被动的。

1.2计算机的基础

1.2.1计算机的组成

• 硬件（输入设备、输出设备、CPU、硬盘（永久存储二进制数据，是机械）、内存（暂时存储二进制数据，是电））
• 软件（系统软件（Windows、Linux、macOS）、应用软件（QQ、浏览器等））
  内存

1.3数据存储单位

8bit(最小存储单位)=1Byte
1024B=1KB
…

1.4程序运行

1. 打开某个程序时，先从硬盘中把程序的代码加载到内存中
2. CPU执行内存中的代码
   需要内存的原因：cpu运行太快，而硬盘读数据太慢，会浪费cpu性能

2.JavaScript

2.1初识

2.1.1历史

…

2.1.2JS是什么

• 运行在客户端的脚本语言
• 脚本语言：不需要编译，运行过程中由JS解释器（JS引擎）逐行来进行解释并执行
• 现在也可以基于Node.js技术进行服务端编程

2.1.3JS的作用

• 表单动态验证（密码强度检测）JS产生的最初目的
• 网页特效
• 服务端开发（Node.js）
• 桌面程序（Electron）
• App（Cordova）
• 控制硬件-物联网（Ruff）
• 游戏开发（cocos2d-js）

2.1.4HTML/CSS/JS的关系

前两者为描述类，js为编程类语言

2.2浏览器执行JS简介

浏览器分为两部分：渲染引擎和JS引擎
渲染引擎：用来解析HTML与CSS，俗称内核，比如chrome浏览器的blink，老版本的webkit
JS引擎：也称JS解释器。用来读取页面中的JS代码，对其处理后执行，比如Chrome浏览器的 V8

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

2.3JS的组成

ECMAScript （规定了JS语法）
DOM（页面文档对象模型）+BOM（浏览器对象模型）= JS API

2.3.1ECMAScript

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

2.3.2DOM 文档对象模型

提供操作页面元素的方法和属性，DOM模型将整个文档（XML文档和HTML文档）看成一个树形结构，并用document对象表示该文档。

2.3.3BOM 浏览器对象模型

提供一些属性和方法可以操作浏览器，核心是Window，而Window对象又具有双重角色，它既是通过js访问浏览器窗口的一个接口，又是一个Global（全局）对象。这意味着在网页中定义的任何对象，变量和函数，都以window作为其Global对象。
Window对象包含属性：document、location、navigator、screen、history、frames

2.4JS三种引入方式

JS有三种书写位置

1. 行内（基本不用）

<input type="button" value="点我打开世界" onclick="alert('Hello World')" />

2. 内联

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

3. 外嵌

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

2.5JS注释

2.5.1单行注释

// 单行注释 
// 快捷键 ctrl+/

2.5.2多行注释

/* 多行注释
	test
	test
	test
*/
// 快捷键 shift + alt + a

3.JavaScript常见输入输出语句

• alert(msg);
• console.log(’ ');
• prompt(’ ');

<script>         
// 弹出一个输入框         
prompt('请输入您的年龄');         
// 弹出警示框  展示给用户的         
alert('计算结果是');         
//控制台输出 给程序员测试用的        
console.log('我是程序员能看到的');     
</script>