一、JS
JS起源于1995年,主要用于处理网页中的前端验证。
JS的特点:
1.解释型语言
2.类似于C和JAVA的语法结构
3.动态语言
4.基于原型的面向对象
二、标识符
在JS中所有的可以由我们自主命名的都可以称为标识符
1.不能以数字开头
2.由数字、字母、下划线和&构成
3.不能是ES中的关键字或保留字
4.驼峰命名:(小驼峰)xxxYyyZzz
三、数据类型
1.String 字符串
2.Number 数值
3.Boolean 布尔值
True:表示真
false:表示假
4.Null 空值
表示一个为空的对象
检查类型是object
5.Undefined 未定义
当你声明一个变量没有赋值时它的值就是Undefined
6.Object 对象
基础数据类型:string number boolean null undefined
引用数据类型:object
\” 表示”
\’ 表示’
\n 换行
\t 制表符
检出数值类型:typeof
Infinity:正无穷
NaN:not a number
7.类型转换
1.将其他类型转换为string
例子:
Var a=123;
b= a.toString();
console.log(typeof b);
null和undefined不能转换string
例二:
a = 123;
b =string(a);
console.log(typeof b);
2.将其他类型转换为number
这种方法专门用来对付字符串
parseInt():将字符串中有效的数字转换成整数
parseFloat():将字符串中有效的数字转换成小数
true:返回1
false:0
Undefined:NaN
Null:0
在JS中如果需要表示16进制的数字,需要以0x开头;如果需要表示8进制的数字,需要与0开头;如果要表示2进制的数字,需要以0b开头但不是所有的浏览器都支持。
3.其他类型转boolean
字符串转boolean是true(除了空串)
Null/undefined转boolean是false
所有的对象转boolean是true
四、运算符
加减乘除
+-*%
任何值和NaN做运算都是NaN
任何类型和字符串相加都会先转变成字符串再与字符串相加
一元运算符:正负号
五、自增和自减
自增:a++或者++a
- 通过自增可以使变量在自身的基础上增加1
- 对于一个变量自增以后,原变量的值会立即自增1
- 自增分成两种:后++(a++) 和 前++(++a)
无论是a++还是++a,都会立即使原变量的值自增1
不同的是a++和++a的值不同
a++的值等于原变量的值(自增前的值)
++a的值等于新值 (自增后的值)
var d = 20;
//console.log(++d);//21
//console.log(++d);//22
//20 + 22 + 22
var result = d++ + ++d + d ;
练习:
var n1=10;
var n2=20;
var n = n1++; //先赋值n=10 后自增n1=11
console.log('n=' + n); //10
console.log('n1=' + n1); //11
n = ++n1; //先自增n1=12 后赋值n=12
console.log('n=' + n); //12
console.log('n1=' + n1); //12
n = n2--;//先赋值n=20 后自减n2=19
console.log('n=' + n); //20
console.log('n2=' + n2); //19
n = --n2; //先自减n2=18 后赋值n=18
console.log('n=' + n); //18
console.log('n2=' + n2); //18
自减 --
- 通过自减可以使变量在自身的基础上减1
- 自减分成两种:后--(a--) 和 前--(--a)
无论是a--还是--a都会立即使原变量的值自减1
不同的是a-- 和 --a的值不同
a-- 是变量的原值 (自减前的值)
--a 是变量的新值 (自减以后的值)
六、逻辑运算符
jS中为我们提供了三种逻辑运算符
! 非
- !可以用来对一个值进行非运算
- 所谓非运算就是值对一个布尔值进行取反操作,
true变false,false变true
如果对一个值进行两次取反,它不会变化
如果对非布尔值进行元素,则会将其转换为布尔值,然后再取反
所以我们可以利用该特点,来将一个其他的数据类型转换为布尔值
可以为一个任意数据类型取两次反,来将其转换为布尔值,原理和Boolean()函数一样
var a = true;
对a进行非运算
a = !a;
console.log("a = " + a);
var b = 10;
b = !!b;
console.log("b = " + b);
console.log(typeof b);
&& 与
- &&可以对符号两侧的值进行与运算并返回结果
- 运算规则
- 两个值中只要有一个值为false就返回false,
只有两个值都为true时,才会返回true
- JS中的“与”属于短路的与,
如果第一个值为false,则不会看第二个值
如果两个值都是true则返回true
var result = true && true;
只要有一个false,就返回false
result = true && false;
result = false && true;
result = false && false;
console.log("result = "+result);
第一个值为true,会检查第二个值
true && alert("看我出不出来!!");
第一个值为false,不会检查第二个值
false && alert("看我出不出来!!");
|| 或
- ||可以对符号两侧的值进行或运算并返回结果
- 运算规则:
- 两个值中只要有一个true,就返回true
如果两个值都为false,才返回false
- JS中的“或”属于短路的或
如果第一个值为true,则不会检查第二个值
两个都是false,则返回false
result = false || false;
只有有一个true,就返回true
result = true || false;
result = false || true ;
result = true || true ;
console.log("result = "+result);
第一个值为false,则会检查第二个值
false || alert("123");
第一个值为true,则不再检查第二个值
true || alert("123");
&& || 非布尔值的情况
- 对于非布尔值进行与或运算时,会先将其转换为布尔值,然后再运算,并且返回原值
- 与运算:
- 如果第一个值为true,则必然返回第二个值
- 如果第一个值为false,则直接返回第一个值
- 或运算
- 如果第一个值为true,则直接返回第一个值
- 如果第一个值为false,则返回第二个值
true && true
与运算:如果两个值都为true,则返回后边的
var result = 2 && 1;
与运算:如果两个值中有false,则返回靠前的false
false && true
result = 0 && 2;
result = 2 && 0;
false && false
result = NaN && 0;
result = 0 && NaN;
true || true
如果第一个值为true,则直接返回第一个值
result = 2 || 1;
result = 2 || NaN;
result = 2 || 0;
如果第一个值为false,则直接返回第二个值
result = NaN || 1;
result = NaN || 0;
result = "" || "hello";
result = -1 || "你好";
console.log("result = "+result);
七、关系运算符
通过关系运算符可以比较两个值之间的大小关系,
如果关系成立它会返回true,如果关系不成立则返回false
> 大于号
- 判断符号左侧的值是否大于右侧的值
- 如果关系成立,返回true,如果关系不成立则返回false
>= 大于等于
- 判断符号左侧的值是否大于或等于右侧的值
< 小于号
<= 小于等于
非数值的情况
- 对于非数值进行比较时,会将其转换为数字然后再比较
- 如果符号两侧的值都是字符串时,不会将其转换为数字
进行比较,而会分别比较字符串中字符的Unicode编码
练习:
var result = 5 > 10;//false
result = 5 > 4; //true
result = 5 > 5; //false
result = 5 >= 5; //true
result = 5 >= 4; //true
result = 5 < 4; //false
result = 4 <= 4; //true
任何值和NaN比较都是false
比较两个字符串时,比较的是字符串的字符编码
console.log("a" < "b");//true
比较字符编码时是一位一位进行比较
如果两位一样,则比较下一位,所以借用它来对英文进行排序
console.log("abc" < "b");//true
console.log("bbc" < "b");//false
console.log("abc" < "bcd");//true
比较中文时没有意义
console.log("你" > "我"); //false
console.log("月" > "我"); //true
如果比较的两个字符串型的数字,可能会得到不可预期的结果
注意:在比较两个字符串型的数字时,一定一定一定要转型
八、赋值运算
可以将符号右侧的值赋值给符号左侧的变量
+=
a += 5 等价于 a = a + 5
-=
a -= 5 等价于 a = a - 5
*=
a *= 5 等价于 a = a5
/=
a /= 5 等价于 a = a / 5
%=
a %= 5 等价于 a = a % 5
九、相等运算符
相等运算符用来比较两个值是否相等,
如果相等会返回true,否则返回false
使用 == 来做相等运算
- 当使用==来比较两个值时,如果值的类型不同,
则会自动进行类型转换,将其转换为相同的类型,
然后再比较
不相等
不断两个值是否不相等,如果不相等返回true,否则返回false
- 使用 != 来做不相等运算
- 不相等也会对变量进行自动的类型转换,如果转换后相等它也会返回false
===
全等
- 用来判断两个值是否全等,它和相等类似,不同的是它不会做自动的类型转换
如果两个值的类型不同,直接返回false
!==
不全等
- 用来判断两个值是否不全等,和不等类似,不同的是它不会做自动的类型转换
如果两个值的类型不同,直接返回true
undefined 衍生自 null
所以这两个值做相等判断时,会返回true
NaN不和任何值相等,包括他本身
判断一个值是否是NaN
console.log(b == NaN);//无法判断,只会返回false
可以通过isNaN()函数来判断一个值是否是NaN
如果该值是NaN则返回true,否则返回false
console.log(isNaN(b)); //true
console.log(10 != 5); //true
console.log(10 != 10); //false
console.log("abcd" != "abcd"); //false
console.log("1" != 1);//false
console.log("123" === 123);//false
console.log(null === undefined);//false