JavaScript概述

1995年，JavaScript问世，主要目的是处理表单验证。起初命名为LiveScript，后来因为java语言盛行，更名为JavaScript，

目的是希望借着Java的火爆流行起来（JavaScript的开发者一定想不到JavaScript在20多年后的今天会如此盛行）。

1997年，欧洲计算机制造商协会发布了ECMAScript，在接下来的几年里，web浏览器厂商就开始将ECMAScript作为JavaScript实现的标准。

2009年，Node.js问世，JavaScript这门语言逐步在后台占据一席之地，目前，前端开发的大量工具都基于node.js。

2015年，ECMAScript2015(ES6)正式发布，使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

1、JavaScript是做什么的

在前端，通过javascript可以实现更多的页面交互，与后台的数据交互，以及更为丰富的网页效果。

2、hello world

3、控制台

chrome浏览器的调试工具，调试工具中的elements选项，可以查看元素的html和css。JavaScript的控制台工具，我们可以在其中输出JavaScript程序

console.log('hello world');

变量与数据类型

1、变量的基本概念

变量可以理解为是一个存储数据的容器

varn=100;

vars="hello world";

var声明一个变量，var后面的英文字母就是变量名，变量名是自定义的，在一定的规则下我们可以随意命名（下一部分我们来讲命名规则）。

=在编程语言中不是等于的意思，而是赋值的意思，也就是把=右侧的数据赋值给左侧的变量；

简单的说，就是把“=”右侧的值装到左侧的容器里。

每行结尾的分号并不是必须写的，但是为了代码更加规范，我们要求每行代码的结尾都要写分号，用以表示本行结束（注意必须是英文半角的分号）。

2、变量的命名规范

变量名可以是字母、下划线、$，还有数字；但是不能以数字开头

小写字母开头，多个单词，第二个单词首字母大写（驼峰命名）

不可以与关键字、保留字重复

3、数据类型

JavaScript有六种数据类型，如下表所示：

数值 ：100;3.14不管是整数还是小数，都是数值型。

字符串："hello";"100"双引号或单引号中的值是字符串。

布尔：true;false布尔值只有两个值，代表真和假。

空null空值只有null

未定义：undefined

对象{}object

4、四则运算

乘法在代码中用的是“*”，除法在代码中用的是“/”。我们将运算的结果分别赋值给了四个变量，并在控制台输出,

我们可以直接用数字做四则运算，也可以将数字赋值给变量，再对变量进行运算操作，得到的结果和上一个案例相同，

5、字符串链接

又用到了“+”运算符，但是和之前不同，之前“+”左右两边是数值，可以通过“+”计算数值的结果，这个例子“+”两边是字符串，

那么将会将两个字符串连接，然后赋值给str3,

var str1="hello";

var str2="world";

var str3=str1+str2;

console.log(str3)

表达式与运算符

1.1 字面量

赋值符号=右边某种数据类型的值，就是字面量，例如字符串"hello world",或是数字100。都是字面量。

1.2表达式

上一节我们接触过+-*/四个运算符，那么通过运算符将变量、字面量组合起来，就是表达式。

每一个表达式都有一个固定返回值（表达式的结果），例如下面的程序：

"hello"+"world"//"helloworld"100+200//300

2、运算符

2.1算数运算符

运算符描述示例结果

+加法

-减法

*乘法

/除法

%求于

++自增

-自减

自增运算符和自减运算符,写在变量的后面，也可写在变量的前面，写在前后意义不同

var num1=10;

var num2=10;

console.log(num1++);//输出10

console.log(++num2);//输出11

自增和自减运算符如果写在变量后面，那么表达式的返回值是变量本身，然后变量自增或自减，

运算符写在变量前面，那么变大时的返回值直接就是变量自增或自减后的结果。

3比较运算符

3.1 比较运算符的返回值是布尔值

运算符描述示例结果

>大于20 > 10 true

<小于20 < 10 false

>=大于等于20 >= 10 true

<=小于等于20 <= 10false

==等于20 == "20"true

!=不等20 != 10 false

===恒等于20 === "20"false

!==非更等于20 !== "20" true

3.2 逻辑运运算符

运算符描述示例结果

&&逻辑与    true && false      ----> false

||逻辑或   true || false   ----> true

!逻辑非     !true     ---->false

3.3 赋值运算符

下面我们以，x = 10 y = 20 ，来解释一下下面的运算符。

运算符描述示例等同于

=赋值x = 10无

+=加并赋值x += y  x = x + y

-=减并赋值x -= y   x = x - y

*=乘并赋值x *= y  x = x * y

/=除并赋值x /= y  x = x / y

在上述运算符中，+=是非常常用的。