JavaScript

一、编程语言

1.2计算机语言

计算机语言指用于人与计算机之间通讯的语言，是人与计算机之间传递信息的媒介

计算机语言被分为机器语言，汇编语言和高级语言三大类

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

1.3编程语言

编程语言是用来控制计算机的一系列指令，有固定的格式和词汇、

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

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

高级语言主要是相对于低级语言而言，它并不是特指某一种具体的语言，而是包括了很多编程语言，常用的有c语言，c++，java，c#，python，go语言，swift，javascript等

1.4翻译器

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

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

1.5编程语言和标记语言区别

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

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

二、计算机基础

1.计算机组成

2.数据存储

计算机内部使用0和1来表示数据

所有数据，包括文件、图片等最终都是以二进制数据的形式放在硬盘中的

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

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

3.数据存储单位

bit < byte < KB < MB < GB < TB

位 bit ：一个bit可以保存一个0或者1（最小的存储单位）

字节 Byte ：1B = 8b

千字节 KB ： 1KB = 1024B

兆字节 MB： 1MB = 1024KB

吉字节 GB： 1GB = 1024MB

太字节 TB： 1TB = 1024GB

......

4.程序运行

 

三、JavaScript初识导读

四、初识JavaScript

1.JavaScript历史

2.JavaScript是什么

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

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

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

3.JavaScript的作用

表单动态检验（密码强度检测）

网页特效

服务器开发（Node.js）

桌面程序 Electron

App Cordova

控制硬件-物联网 Ruff

游戏开发 cocos2d-js

4.HTML/CSS/JS的关系

 四、浏览器执行JS过程

1.浏览器执行Js简介

浏览器分为两部分：渲染引擎和js引擎

渲染引擎：用来解释HTML和css，俗称内核，比如chrome浏览器的blink，老版本的webit

js引擎：也称为js解释器，用来读取网页中的javascript代码，对其处理后运行，比如说chrome浏览器的v8

五、JS三部分组成

1.JS的组成

①ECMAScript 

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

 

 ②DOM-文档对象模型

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

③BOM-浏览器对象模型

---

六、JS三种书写位置

1.JS初体验

JS有三种书写位置，分别为行内、内嵌和外部

①行内式的js 直接写到元素的内部

②内嵌式的js 

script

③外部

双标签

 

 

 七、JS注释

1.单行注释

//   ctrl+/

2.多行注释

/*  */         shift+alt+a   ,可以修改

 

 八、JavaScript输入输出语句

 1.输入框

prompt

2.弹出警示框

alert,输出的，展示给用户的

3. 控制台输出，给程序员测试用的

F12键  console控制台

console.log

 九、变量导读

 十一、变量概述

1.1 什么是变量

1.2 变量的使用

声明变量

var age;

var是一个js关键字，用来声明变量（variable），使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管

赋值

age=10;

输出结果

console.log(age);

总的来写

声明变量并赋值，称之为变量的初始化

var age = 18;  

一个简单的案例

 案例：变量的使用

1.弹出一个输入框，提示用户输入姓名(prompt)

2.弹出一个对话框，输出用户刚才输入的姓名(alert)

<script>
//1.用户输入姓名  存储到变量中
var myname = prompt('请输入您的名字');
//2.输出用户名
alert(myname);
</script>

1.3 变量语法扩展

更新变量，以最后一次为准

声明多个变量

var age=18,
    gz='aaafd';

只声明不赋值，结果为 undefined

不声明不赋值，结果 报错

不声明只赋值，结果 也可以？！但是不建议这样用

1.4 变量命名规范

字母、数字、下划线、$

严格区分大小写

不能以数字开头

不能是关键字，如var,for

1.5 交换变量案例

要求：交换两个变量的值（思路：使用一个临时变量用来做中间存储）

十二、数据类型导读

 

十三、数据类型

1.1 数据类型简介

JavaScript是一种弱类型或者说动态语言

var v=1;  v='a';    变量的数据类型是可以变化的

JavaScript将数据类型分为两大类：

简单数据类型：数字型，布尔，string，undefined，null

复杂数据类型

1.2 简单数据类型

数字

我们程序里面数字前面加0表示八进制

 数字型三个特殊值： Infinity:无穷大    -Infinity :无穷小      NaN,Not a number : 代表一个非数值

isNaN  ：判断是否非数字     如果是数字返回false。否则返回true

字符串类型

可以使用双引号也可以使用单引号

因为Html标签里面的属性使用的是双引号，js这里推荐使用单引号

字符串转义符：转义符都是\开头的

 案例：弹出网页警示框

字符串长度以及拼接

长度s.length

拼接：只要有字符串和其他类型的拼接，最终解雇都是字符串类型

 口决：数值相加，字符相连

案例：

 布尔类型

true+1  //true参与加法运算当1看

如果一个变量声明未赋值，就是undefined 未定义数据类型

 NULL

1.3 获取变量数据类型

typeof

 

1.4 数据类型转换

next

P31

黑马程序员JavaScript全套教程，Web前端必学的JS入门教程，零基础JavaScript入门_哔哩哔哩_bilibili