欢迎光临
我们一直在努力

【前端基础(Javascript部分)】2、JavaScript的变量和数据类型

一、变量的命名格式

  • 变量的声明 用 var 关键字。
  • 变量的赋值 使用 = 给变量赋值。
  • 赋值方式:直接赋值、分开赋值。
  • // 直接赋值(方式1)
    var TEST1 = "TEST1";

    // 直接赋值(方式2)
    var TEST1;
    TEST1 = "TEST1";

    // 分开赋值(方法1):不推荐
    var TEST2, TEST3, TEST4;
    TEST2 = "TEST2";
    TEST3 = "TEST3";
    TEST4 = "TEST4";

    // 分开赋值(方法2):不推荐
    var TEST2 = "TEST2", TEST3 = "TEST3", TEST4 = "TEST4";

    二、变量的命名规范

  • 首字母只能是:字母、下划线、一个美元符号($)。
  • 其他字母可以是::字母、下划线、一个美元符号($)、数字。
  • 不能使用关键字和保留字名。 关键字
  • 严格区分大小写。
  • 推荐写法:

  • 大小驼峰法 小驼峰:var testName 大驼峰:var TestName 在这里插入图片描述

  • 推荐 = 的左右都有一个空格。

  • 一个语句结束后加一个分号。

  • 名称要:见名知意。

  • 三、变量的数据类型

    JavaScript的值都有特定类型。

  • 将一个值赋给变量,这个变量就具备了这个值对应的类型。
  • 一个变量,前一秒可以是字符串,下一秒可以是数字。
  • 允许这种操作的编程语言叫做,动态类型的编程语言。
  • 四、常见的数据类型

    • Number
    • String
    • Boolean
    • Undefined
    • Null
    • Object
    • Biglnt
    • Symbol

    五、typeof 操作符(数据类型的确认)

    • 作用:确认任意变量的数据类型。
    • 对一个值使用typeof 操作符后,会返回以下值的其中某一个:
    • undefined:未定义
    • boolean:布尔型
    • string:字符串
    • number:数字
    • object:对象(不是函数)或者 null
    • function:函数
    • symbol:符号
    • 其他补充:
      • typeof(X) 和 typeof X 的含义是一致的。
      • typeof 是操作符而非函数,() 的作用是将后面的当作整体。

    六、数据类型:Number 类型

    • Number 类型代表正数、浮点数。

    • Number 类型可以有很多操作:加减乘除。

    • 特殊数值:

      • infinity:无穷大。
      • -infinity:负无穷大。
      • NaN:计算错误。错误操作得到的结果。例如字符串和数字相乘。
    • 补充说明

      • 进制表示也是可以的在这里插入图片描述

      • 数字的范围

        • 最小正数值:Number.MIN_VALUE
        • 最小正数值:Number.MAX_VALUE 在这里插入图片描述
      • isNaN

        • 判断是否是一个数字,不是数字返回true,是数字返回false。

    七、数据类型:String 类型

    • 表示一个文本,就是字符串类型。
    • 字符串必须在引号内。
      • 双引号:"Hello"
      • 单引号:'Hello'
      • 反引号 (`) 在这里插入图片描述
    • 转义字符 在这里插入图片描述

    八、数据类型:Boolean 类型

    • 用于表示真和假。
    • 只有两个值:true 和 false 。

    九、数据类型:Undefined 类型

    • 只声明变量,不初始化(也就是赋值),那就是 Undefined 类型 在这里插入图片描述

    十、数据类型:Object 类型

    • 表示对象。
    • Object 类型表示一组数据,其他数据的集合。
    • 用 {}的方式来表示一个对象。 在这里插入图片描述

    十一、数据类型:Null 类型

    • 主要用于:准备初始化一个对象,但是我不知道具体内容,又不能不初始化,那就赋值 Null。 在这里插入图片描述

    十二、数据类型总结

    在这里插入图片描述

    十三、数据类型的转换

    • 隐式转换
      • 大多数情况,运算符会自动将值转换成正确的类型。
    • 显式转换
      • 利用函数或者方法。
  • 字符串 String 的转换 在这里插入图片描述 在这里插入图片描述

  • 数字类型 Number 的转换 在这里插入图片描述 在这里插入图片描述

  • 布尔类型 Boolean 的转换 在这里插入图片描述 在这里插入图片描述

  • 赞(0)
    未经允许不得转载:171主机测评 » 【前端基础(Javascript部分)】2、JavaScript的变量和数据类型
    分享到: 更多 (0)

    评论 抢沙发

    • 昵称 (必填)
    • 邮箱 (必填)
    • 网址