18JavaScript基础

一、计算机的特点

计算机是一种电器，所以计算机只能识别两种状态，一种是通电，一种是断电。数学家冯·诺依曼将这个思想以数学语言系统阐述，用0表示断电，1表示通电。

二、JavaScript概述

1、JavaScript的用途

JavaScript可以用来制作web页面交互效果，提升提升用户体验

可以用于：

- 网页轮播图
- 选项卡
- 表单验证
- 网站地图
- 前后端交换等等

2、JavaScript的特点

- 简单易用
- 解释执行
- 基于对象

3、JavaScript与html、css之间的关系

html: 是用来制作网页，简单来说就是编写网页结构
css：用来修饰网页
Javascript: 实现网页与客户之间互动的桥梁，让网页具有丰富的生命力

4、JavaScript背景简介

JavaScript由布兰登·艾奇 (Brendan Eich)于1995年花了10天左右时间发明。JavaScript于Java没有任何关系，但是当时Java大火，为了蹭热点，就把最初的名字LiveScript改为JavaScript。

5、JavaScript与ECMAScript的关系

ECMAScript是一个ECMA (前身为欧洲计算机制造商协会)制定的标准，而不是语言，JavaScript是一种语言。

三、JavaScript的组成

- 核心 (ECMAScript)- 模型 (DOM:Document bject Model)- 浏览器对象模型 (BOM:Browser Object Model)

四、使用JavaScript

1、script标签

<script type="text/javascript" src="路径"></script>
type="text/javascript":用来指定<script>标签中的脚本类型，可以忽略。
src="路径"：与img和css引入路径类型相同。

2、常用的客户端输入法

document.write(str);documnet：文档，即整个网页。write()是document对象的一个输出方法。str表示要输出的内容。
Window.alert(str);可以省略前面的window，直接写alert(str);windows代表当前浏览器窗口。alert()：弹出一个对话框。弹窗中的换行，只能用\n换行，而不能使用<br/>
window.prompt(str);可以省略前面的window，直接写prompt(str);prompt()：弹出一个对话框。
console.log(str);在浏览器控制台输出信息。

注意：引号必须是成对存在的，外面用双引号里面就用单引号来区分，反之亦然。这样写的目的是便于计算机解析识别区分程序。

五、JavaScript注释

//单行注释
/*多行注释
*/

六、变量

1、变量的声明

var 变量名 = 变量值;

注意点：声明变量是使用系统关键字var来进行的。是系统规定好的，不能挪用他用。

2、变量的命名

- 由数字、字母、下划线、美元符号$组成，且不能由数字开头。
- 变量名不能是系统关键字，形如声明变量的关键字var。
- JavaScript的变量名是区分大小写的，如name和NAME是两个不同	的变量。

注意点：JS中变量的名称一定要有意义，也就是常说的语义化。

3、如果变量名由多个单词构成命名方式：

- 驼峰式命名，第一个单词全是小写，后面的每个单词首字母大写.形如aboutUs;
- 下划线命名，所有单词全小写，中间用下划线连接。形如about_us;
- 匈牙利命名，在变量名最前面添加相应小写字母来标识变量的类型，后面的单词首字母大写。

七、给变量赋值

var 变量名 = 变量值;var name = "张三";"="：将"="右边的值赋给左边的变量名，不是一个表达式。    

八、数据类型

数据类型分为两大类：

​ 基本 (原始)数据类型：

- 数值型(number)：可以进行运算的(加、减、乘、除)。数值型包括整型(int)和浮点型(float)。
- 字符型(string)：用单引号或双引号引起来的一个字符串。字符型变量不能进行算术运算，只能进行”连接”运算。可以用"+"连接字符串。
- 布尔型(boolean)：只要两个值true（真）、false（假），用于		条件判断。只有两种状态。
- 未定义型(undefiend)：当一个变量定义但未赋值时，该变量就是	未定义型。
- 空型(null)：是一个对象的占位符。可以用来清除一个变量的值。

​ 复合 (引用)数据类型

- 数组(array)
- 对象(object)
- 函数(function)

查看变量的类型：

typeof();数值型返回值为number;字符型返回值为string;布尔型返回值为boolean;未定义型返回值为undefiend;空型返回值为object;

九、关系运算符

- 算术运算符：+、—、*、/、%、++、——;
- 赋值运算符：=、+=、-=、*=、/=;
- 比较运算符：>、<、>=、<=、==、!=、===;