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

一、变量的命名格式

  1. 变量的声明
    var 关键字。
  2. 变量的赋值
    使用 = 给变量赋值。
  3. 赋值方式:直接赋值、分开赋值。
javascript 复制代码
// 直接赋值(方式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";

二、变量的命名规范

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

推荐写法:

  1. 大小驼峰法

    小驼峰:var testName

    大驼峰:var TestName

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

  3. 一个语句结束后加一个分号。

  4. 名称要:见名知意。

三、变量的数据类型

JavaScript都有特定类型。

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

四、常见的数据类型

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

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

  • 作用:确认任意变量的数据类型。
  • 对一个值使用typeof 操作符后,会返回以下值的其中某一个:
    1. undefined:未定义
    2. boolean:布尔型
    3. string:字符串
    4. number:数字
    5. object:对象(不是函数)或者 null
    6. function:函数
    7. 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 类型

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

九、数据类型:Undefined 类型

  • 只声明变量,不初始化(也就是赋值),那就是 Undefined 类型

十、数据类型:Object 类型

  • 表示对象。
  • Object 类型表示一组数据,其他数据的集合。
  • {}的方式来表示一个对象。

十一、数据类型:Null 类型

  • 主要用于:准备初始化一个对象,但是我不知道具体内容,又不能不初始化,那就赋值 Null

十二、数据类型总结

十三、数据类型的转换

  • 隐式转换
    • 大多数情况,运算符会自动将值转换成正确的类型。
  • 显式转换
    • 利用函数或者方法。
  1. 字符串 String 的转换

  2. 数字类型 Number 的转换

  3. 布尔类型 Boolean 的转换

相关推荐
马优晨1 分钟前
pom.xml 中 jquery webjars 依赖解释
xml·前端·jquery·jquery webjars·webjars依赖
呆呆敲代码的小Y1 分钟前
【游戏开发】C# 中的迭代器
java·开发语言·c#·迭代器
benchmark_cc3 分钟前
K 线数据断层会对回测造成什么影响?从一个缺失交易日看懂量化策略为什么会失真
大数据·开发语言·数据分析·量化·股票数据·quantdash·量化数据源
benchmark_cc9 分钟前
数据 API 稳定性为什么会影响量化策略?从数据获取到信号执行的完整分析
开发语言·python·数据分析·量化·股票数据·quantdash·量化数据源
里欧跑得慢17 分钟前
AI 驱动的 UI 国际化方案自动适配:从单一语言到多语言布局的智能转换
前端·css·flutter·web
DolitD17 分钟前
云流技术深度剖析:单服务器下如何实现3D应用的多实例并发?
java·服务器·前端·3d·云原生·云计算
2601_9621803323 分钟前
python——Django 框架
开发语言·python·django
长江后浪博客23 分钟前
Conda环境下测试Intel NPU:Python版本如何选择?
开发语言·python·conda·openvino·intel npu
芦柑46425 分钟前
画布和3D导演台工具:短剧分镜从素材整理到空间预演的完整链路
服务器·前端·数据库
Chester_199936 分钟前
CSP202206C.角色授权
开发语言·数据结构·c++·蓝桥杯