JavaScrip基础小白专用

JavaScript基础

1.js的输入输出语句

1.alert(msg ) 浏览器弹出提示框 （给用户看看）

2.console.log(msg) 浏览器控制台打印输出信息

3.prompt(info) 浏览器弹出输入框，用户可以输入

4.数据类型有两种

var age=10;   //这是数字类型
var names="张三";   //这是字符串类型

2.变量

1.变量是储存数据的容器

2.var 是个 JS关键字，用来声明变量( variable 变量的意思 )。使用该关键字声明变量后，计算机会 自动为变量分配内存空间，不需要程序员管

3.age 是程序员定义的变量名，通过变量名来访问内存中分配的空间

4.可以通过“=”来给age赋值

5.变量被重新赋值后，它原有的值就会被覆盖，以最后的那次为准

6.同时声明多个变量时只要写一个var就好，中间用英文逗号隔开

7.undefined：示例：var width;变量width没有初始值，将被赋予值undefined

3.变量的命名规划

1.由字母，数字，下划线，美元符号表示

2.区分大小写。var app; 和 var App;是两个不同的变量

3.不能以数字开头

4.不能是关键字，保留字

5.变量名要有意义

6.驼峰命名法 前面小写后面大写

驼峰命名法

4.博采众长

Js的外部引用

<script src="export.js"  type="text/javascript"></script>

typeo运算符

​ typeof检测变量的返回值；typeof运算符返回值如下：

​ 1.undefined：变量被声明后，但未被赋值.

​ 2.string：用单引号或双引号来声明的字符串。

​ 3.boolean：true或false。

​ 4.number：整数或浮点数。

​ 5.object：javascript中的对象、数组和null。

数据类型的转换

转换成字符串

方式	说明	案例
toString	转换成字符串	var x=1;alert(x.toString());
String	转换成字符串	var x=1;alert(x.String());
加号拼接字符串	转换成字符串	var x=1;alert(x+“字符串”);

• toString和String使用方式不同，但结果一样
• 三种转换方式，第三种用+拼接字符串转换法也称为隐式转换

转换为数字型

方式	说明	案例
parselnt(string)函数	将string类型转成整数数值型	parselnt(‘78’)
parseFloat(string)函数	将string类型转成浮点数数值型	parseFloat(‘78.21’)
Number()强制转换函数	将string类型转换为数值型	Number(‘12’)
js隐式转换(- * l )	利用算术运算隐式转换为数值型	‘12’-0

• parselnt和parseFloat单词注意大小写
• 隐式转换是我们在进行算数运算的时候，JS自动转换了数据类型

转换为布尔型

方式	说明	案例
Boolean()函数	其他类型转成布尔值	Boolean(‘true’);

• 代表空、否定的值会被转换为false，如"、O、NaN、null、undefined
• 其余值都会被转换为true

运算符

常用的运算符

算数运算符 比较运算符 递增运算符 逻辑运算符 赋值运算符

算数运算符

算数运算符是用于两个变量或者多个变量的值进行算术运算

运算符	描述
+	加
-	减
*	乘
/	除
%	取余数（取模）

浮点数的精确度

如果是小数进行运算时（浮点数的最高精确度是17位小数，且不能直接判断两个小数点的加减）

var sum=0.1+0.2;    //大多数人会以为结果是0.3   但并不是  而是：0.30000000000000004
alert(0.07*100);   	//大多数人会以为结果是7	但并不是  而是：7.000000000000001

递增和递减运算符

递增和递减运算符概述
如果需要反复给数字变量添加或减去1，可以使用递增（+）和递减（–）运算符来完成。在JavaScript中，递增（+）和递减（–）既可以放在变量前面，也可以放在变量后面。放在变量前面时，我们可以称为前置递增（递减）运算符，放在变量后面时，我们可以称为后置递增(递减)）运算符。
注意:递增和递减运算符必须和变量配合使用

递增运算符

递增运算符有两种：前置递增运算符和后置递增运算符

前置递增运算符

++num  自加1，类似 num=num+1
前置递增：先加在输出
var num=1;
alert(++num + 1);    //输出3

后置递增运算符

num++  自加1，类似 num=num+1
前置递增：先输出在加
var num=1;
alert(1 + num++);    //输出2

比较运算符

概念:比较运算符（关系运算符）是两个数据进行比较时所使用的运算符，比较运算后个布尔值(true / false）作为比较运算的结果。

符号	说明	案例	结果
<	大于号	1<2	true
>	小于号	1>2	false
>=	大于等于号（大于或等于）	2>=2	true
<=	小于等于号（大于或等于）	3<=2	false
==	判等号	10==10	true
!=	不等号	10!=10	false
===	全等 （值和数据类型都一样）	10===“10”	false
!==	不全等（值和数据类型都不一样）	10!==“10”	false

• 等号比较

  符号	作用	用法
  =	赋值	把右边给左边
  ==	判断	判断两边值是否相等（注意此时有隐式转换)
  ===	全等	判断两边的值和数据类型是否完全相同

逻辑运算符

概念:逻辑运算符是用来进行布尔值运算的运算符，其返回值也是布尔值。后面开发中经常用于多个条件的判断

逻辑运算符	说明	案例	结果
&&	逻辑与（简称与 and）	true&&false	false
||	逻辑或（简称或 or）	true||false	true
!	逻辑非（简称非 not）	!true	false

赋值运算符

概念：用来把数据赋值给变量的运算符

符号	说明	案例	结果
=	直接赋值	var names=“张三”	names赋值为张三
+=、-=	加、减一个数后在赋值	var ages=10; ages+=5;	ages+=5相当于ages=ages+5
*=、/=、%=	乘、除、取模后在赋值	var ages=10; ages*=5;	ages* =5相当于ages=ages*5

运算符的优先级

优先级	运算符	顺序
1	小括号	()
2	一元运算符	++ – ！
3	算数运算符	先 * / % 后 + -
4	关系运算符	> >= < <=
5	相等运算符	== != === !==
6	逻辑运算符	先 && 后||
7	赋值运算符	=
8	逗号运算符	,