当前位置 博文首页 > JavaScript入门-学习笔记(二)

最大化 缩小

    JavaScript入门-学习笔记(二)

    作者：lovelyk 时间：2021-01-09 18:02

    关于js变量

    • 变量，就是一个用来存储数据的容器
    • 一般来说，我们的变量都是可以得先声明，再使用，就像是一个东西先必须存在，才能看得见摸得着。然而在js里（es5），可以先使用，后声明。
        a = 100;
    var b =200;
    console.log(a,b)
    var a;
    输出结果为:100,200

    ps:这样的语法在es5里是能够执行的，虽然它不符合我们的逻辑思维。在js里叫做，变量提升。
    • 如果在声明变量时，没有赋值，直接打印不会报错，因为它有一个默认的值，undefined，表示未定义的值。
    • 变量的类型:js是一种弱语言，变量声明时，它的数据类型不明确，只有在赋值的那一刻，变量的数据类型才确定。
    • 变量的重复定义:
            var a = 3
        var a = a-1;
        console.log(a)
        //输出结果为2

    像这样的语法在Java，c等中，绝对报错，但是在es5中，叫做重复定义。这个逻辑也不符合正常，就好比出生，都是出生一次，没有说有出生两次三次的说法，因此这上面的几个不太符合逻辑的特点，我们知道就行，尽量避开就行。

    JavaScript中的7种数据类型

    口诀: 3 2 2

    三种基本数据类型

    • number 数字类型。不区分小数，整数，浮点数，只要是个数，都归类为number类型。
      （ps:NaN表示非数字类型，就是除了数字意外的，叫做非数字，他是number的一个属性）
    • string 字符类型。这个不用多解释，var str = '';'和"都可以
      ps:建议不要使用new String('xxxx'),因为这个影响执行速度
    • Boolean 布尔类型 。 只有两个值，true/false，非真即假

    两个引用数据类型

    • Object 对象类型。
        //1.    直接用{}创建对象
    var obj = {name:'rainbow',age=20,run : function(){
        console.log('i love runnning');
    }};
    //2.    用new关键字实例化一个对象
    var obj2 =  new Object();
    obj2.name = 'rainbow';
    obj2.age = 20;
    obj.say = function(){
        console.log('hello world')
    }
    • Array 数组类型
            //1.    直接用[]创建
        var arr = [];//空数组
        //2.    new 
        var arr2= new Array();

    ps:注意的是，js可以不用给数组一个初始长度，并且这个长度可读可写，但是不建议写，因为可能导致数据丢失

    两种特殊数据类型

    • undefined
      未定义的数据类型
    • null
      值为null

    typeof关键字

    typeof就是用来检测一个变量的数据类型
使用方法:typeof 变量名（或者常量名）

    赋值运算符

    自增自减：a++,++a,a--,--a;
    ps:++a 和 a++的区别：
    如果单单是一条语句而言，两者并没有什么区别，就仅仅是一条语句而已，执行后，自己都加了1，但是在有赋值和其他复杂的运算时，就有区别了；

        e.g.
        var a = 8;
        ++a;
        var b = a++;
        var c = --b;
        console.log(a,b,c);
        //输出结果为a,b,c为10,8,8

    b = ++a; 先自增，后赋值
b = a++; 先赋值，后自增

    比较运算符

    1. ASCII的比较
      d > f false
      a > 2 false
      查阅ASCII表，记住几个常用的ASCII码值就行了。
    2. == !=
      比较的两边的值是否相等或者不相等，不同的数据类型也可以比较
    3. === !==
      === 首先比较两边的数据类型是否相等，不相等后面就不再比较了。如果同类型，那么就比较值是否相等。(推荐使用)
      !== 就是不全等，===的取反

    逻辑运算符

    与或非

                or      and     not
    逻辑运算 ||      &&       ！         
    位运算   |       &
    三目运算符  A<B?表达式1:表达式2; //true放回表达式1,否则为表达式2

        //表示真假的运算
                真      假
    布尔值      true    false
    数字        非0      0
    字符串      非空    null

    短路与和短路或

    口诀:
    短路与 有0出0，全1为1
    短路或 有1出1，全0为0
    ps：注意，短路与和短路或在运算时，结果并不是返回true或者false布尔值，而是返回左边或右边具体的值。比如

            //短路与
        console.log(1 && 1);//1
        console.log(19 && 20);//20
        console.log(0 && 20);//0

        //短路或
        console.log( true || 1)//true
        console.log( '' || 1 )//1 
        console.log( ' ' || 1 )//' '    空格不是空

    字符串拼接

    自动转换

        1.  number -> string 
        console.log(1+2+'3')//输出：33 字符串类型
        
        console.log('1'+4+6+9) //1469
        
        console.log(10+8+'1'+4+6) //18146

    2.  string -> number
        console.log(1+2+'3'-4);//输出29,number类型

        console.log(true + 1);//3 number

        console.log(true - 1);//0 number


    ps:如果字符串出现在最左边，那么后面的数字都会拼接。
   如果字符串出现在最右边，那么前面的数字都会相加，再拼接。

    强制转换

    首先我们需要理解一个知识，什么是包装类？
    它其实就是把几种基本的数据类型(除了undefined和null),封装成一个类，并给这个类添加属性和方法。

    实例化
        我们打印一下这个未实例化的Number,输出的是？
    console.log(Number);
    //结果：? Number() { [native code] },是一个function

    //实例化后
    console.log(new Number(2));
    //结果：Number {2}
            __proto__: Number[[PrimitiveValue]]: 2
    字符串转数字
        var a = 1;
    var b = '2';
    转换：
    b = Number(b);//这个时候就相当于调用了Number方法，返回一个number类型数据
    //a + b 等于 3，number类型

    ps：如果b是含有数字之外的字符，那么无法正常转换，结果为NaN。

    parseInt()
    去掉小数点后面的数，转为整数。
如果是字符串，也可以转，但是得看情况:
    1.parseInt('12px'); // 结果为12
    2.parseInt('px12'); // 结果为NaN
    parseFloat()
    没啥用,和parseInt区别不大。虽然方法名以为是转为浮点数，但是实际效果不会带有小数点。
    toString()
    一般用于字符串的拼接，obj.toString(1+2+'3d')//33d
    上一篇：RMI之由浅入深(一)
    下一篇：没有了