JavaScript

一、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

你可能感兴趣的:(JavaScript)