07/24 JavaScript基础 | 青训营笔记

80 阅读1分钟

这是我参与「第四届青训营 -前端场」笔记创作活动的的第2篇笔记

JavaScript基础

  • 变量:用于存放数值的容器

    • 声明与初始化

      • 声明变量

        let myName;
        let myAge;
        
      • 初始化变量

        myName = 'Chris';
        myAge = 37;
        
      • 声明+初始化

        let myName = 'Chris';
        
    • var与let

      • var:可以根据需要多次声明相同名称的变量

        //以下是被允许的
        var myName = 'Chris';
        var myName = 'Bob';
        
      • let:无法多次声明相同名称的变量

        //以下是被允许的
        let myName = 'Chris';
        myName = 'Bob';
        //以下是不被允许的
        let myName = 'Chris';
        let myName = 'Bob';
        
    • 变量类型

      • Number(数字)

        let myAge = 17;
        
      • String(字符串)

        let dolphinGoodbye = 'So long and thanks for all the fish';
        
      • Boolean(true or false)

        let iAmAlive = true;
        //使用“小于”操作符(<)来测试 6 小于 3
        let test = 6 < 3;
        
      • Array

        let myNameArray = ['Chris', 'Bob', 'Jim'];
        let myNumberArray = [10,15,40];
        //访问数组
        myNameArray[0]; // should return 'Chris'
        myNumberArray[2]; // should return 40
        
      • Object(对象)

        let dog = { name : 'Spot', breed : 'Dalmatian' };
        //检索存储在对象中的信息
        dog.name
        
    • 动态类型:JavaScript 是一种“动态类型语言”,这意味着不同于其他一些语言 (如 C、JAVA),您不需要指定变量将包含什么数据类型(如 number 或 string)

  • 数字类型

    • 整数
      • 如 10, 400, -5
    • 浮点数 (浮点) :有小数点或小数位
      • 如 12.5,56.7786543
    • 双精度:一种特定类型的浮点数,精度更高(精确到更大的小数位数)
    • 二进制(计算机基础语言):0 和 1
    • 八进制:基数为 8(0-7)
    • 十六进制:基数为 16(0-9 和 a-f)
  • 算数运算符

    运算符

    名称

    示例

    +

    加法

    6 + 9

    -

    减法

    20 - 15

    *

    乘法

    3 * 7

    /

    除法

    10 / 5

    %

    求余 (取模)

    8 % 3 (8除以3余2)

    **

    5 ** 5 (相当于 5 * 5 * 5 * 5 * 5,返回 3125)

  • 自增自减运算符

    • 增量(++
    • 递减( --
  • 赋值运算符

    运算符

    名称

    示例

    等价于

    +=

    加法赋值

    x = 3; x += 4;

    x = 3; x = x + 4;

    -=

    减法赋值

    x = 6; x -= 3;

    x = 6; x = x - 3;

    *=

    乘法赋值

    x = 2; x *= 3;

    x = 2; x = x * 3;

    /=

    除法赋值

    x = 10; x /= 5;

    x = 10; x = x / 5;

  • 比较运算符

    • ===

      • 作用:测试左右值是否相同
    • !==

      • 作用:测试左右值是否相同
    • <

    • >

    • ==/!====/!==的区别

      • ==/!=:只检测值是否相同,不检测数据类型是否相同
      • ===/!==:测试值和数据类型是否相同