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
<!DOCTYPEhtml>
<html lang="en">
<head><meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
alert("hello world");
</script>
</body>
</html>
3、控制台
chrome浏览器的调试工具,调试工具中的elements选项,可以查看元素的html和css。JavaScript的控制台工具,我们可以在其中输出JavaScript程序
console.log('hello world');
变量与数据类型
变量可以理解为是一个存储数据的容器
varn=100;
vars="hello world";
var声明一个变量,var后面的英文字母就是变量名,变量名是自定义的,在一定的规则下我们可以随意命名(下一部分我们来讲命名规则)。
=在编程语言中不是等于的意思,而是赋值的意思,也就是把=右侧的数据赋值给左侧的变量;
简单的说,就是把“=”右侧的值装到左侧的容器里。
每行结尾的分号并不是必须写的,但是为了代码更加规范,我们要求每行代码的结尾都要写分号,用以表示本行结束(注意必须是英文半角的分号)。
变量名可以是字母、下划线、$,还有数字;但是不能以数字开头
小写字母开头,多个单词,第二个单词首字母大写(驼峰命名)
不可以与关键字、保留字重复
JavaScript有六种数据类型,如下表所示:
数值 :100;3.14不管是整数还是小数,都是数值型。
字符串:"hello";"100"双引号或单引号中的值是字符串。
布尔:true;false布尔值只有两个值,代表真和假。
空null空值只有null
未定义:undefined
对象{}object
乘法在代码中用的是“*”,除法在代码中用的是“/”。我们将运算的结果分别赋值给了四个变量,并在控制台输出,
我们可以直接用数字做四则运算,也可以将数字赋值给变量,再对变量进行运算操作,得到的结果和上一个案例相同,
又用到了“+”运算符,但是和之前不同,之前“+”左右两边是数值,可以通过“+”计算数值的结果,这个例子“+”两边是字符串,
那么将会将两个字符串连接,然后赋值给str3,
var str1="hello";
var str2="world";
var str3=str1+str2;
console.log(str3)
表达式与运算符
赋值符号=右边某种数据类型的值,就是字面量,例如字符串"hello world",或是数字100。都是字面量。
1.2表达式
上一节我们接触过+-*/四个运算符,那么通过运算符将变量、字面量组合起来,就是表达式。
每一个表达式都有一个固定返回值(表达式的结果),例如下面的程序:
"hello"+"world"//"helloworld"100+200//300
2.1算数运算符
运算符描述示例结果
+加法
-减法
*乘法
/除法
%求于
++自增
-自减
自增运算符和自减运算符,写在变量的后面,也可写在变量的前面,写在前后意义不同
var num1=10;
var num2=10;
console.log(num1++);//输出10
console.log(++num2);//输出11
自增和自减运算符如果写在变量后面,那么表达式的返回值是变量本身,然后变量自增或自减,
运算符写在变量前面,那么变大时的返回值直接就是变量自增或自减后的结果。
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
运算符描述示例结果
&&逻辑与 true && false ----> false
||逻辑或 true || false ----> true
!逻辑非 !true ---->false
下面我们以,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
在上述运算符中,+=是非常常用的。