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

Document

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

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

你可能感兴趣的:(JavaScript概述)