当前位置:首页 > JavaScript

js实现类型

2026-04-05 09:00:02JavaScript

JavaScript 类型系统

JavaScript 是一种动态类型语言,变量类型在运行时确定。主要数据类型分为原始类型和对象类型两大类。

原始类型(Primitive Types)

  1. Number
    表示整数和浮点数,遵循 IEEE 754 标准。

    let num = 42;
    let float = 3.14;
  2. String
    表示文本数据,可用单引号、双引号或模板字符串定义。

    let str = "Hello";
    let template = `Value: ${num}`;
  3. Boolean
    逻辑值 truefalse

    let isTrue = true;
  4. Null
    表示空值,通常用于显式清空变量。

    let empty = null;
  5. Undefined
    表示未赋值的变量默认值。

    let unassigned;
  6. Symbol (ES6+)
    唯一且不可变的值,通常用于对象属性键。

    let sym = Symbol('id');
  7. BigInt (ES2020+)
    表示任意精度的整数。

    js实现类型

    let bigNum = 9007199254740991n;

对象类型(Object Types)

  1. Object
    键值对的集合,可通过字面量或构造函数创建。

    let obj = { key: "value" };
    let constructed = new Object();
  2. Array
    有序列表,可通过索引访问。

    let arr = [1, 2, 3];
  3. Function
    可执行对象,支持闭包。

    function greet() { return "Hello"; }
  4. Date
    日期和时间操作。

    let now = new Date();
  5. RegExp
    正则表达式。

    js实现类型

    let regex = /ab+c/;

类型检测方法

  1. typeof 操作符
    返回类型字符串,但对 null 和数组的检测有局限。

    typeof 42; // "number"
    typeof []; // "object"
  2. instanceof 操作符
    检测对象是否为特定构造函数的实例。

    [] instanceof Array; // true
  3. Object.prototype.toString
    精确判断对象类型。

    Object.prototype.toString.call([]); // "[object Array]"

类型转换

  1. 显式转换
    通过内置函数强制转换类型。

    String(123); // "123"
    Number("42"); // 42
  2. 隐式转换
    在操作中自动发生的类型转换。

    "5" + 1; // "51" (字符串拼接)
    "5" - 1; // 4 (数字运算)

注意事项

  • 使用 === 严格相等避免隐式转换问题。
  • 大整数运算需使用 BigInt 避免精度丢失。
  • NaN 是特殊的数值类型,需用 isNaN() 检测。

标签: 类型js
分享给朋友:

相关文章

js实现抽奖

js实现抽奖

实现抽奖功能的基本思路 抽奖功能的核心是随机选择奖项并展示结果。可以通过数组存储奖项,利用随机数生成索引,最后通过动画增强用户体验。 准备奖项数据 定义一个数组存储奖项信息,每个奖项可以包含名称、图…

js实现正交

js实现正交

正交的概念 正交在数学和计算机科学中通常指两个向量垂直或线性无关。在编程中,正交性常被用于设计模块化、低耦合的系统。 向量正交判断 判断两个向量是否正交可以通过点积是否为0来实现: fun…

js实现导航菜单

js实现导航菜单

使用HTML和CSS创建基础结构 导航菜单的基础结构通常由HTML的无序列表(<ul>)和列表项(<li>)组成,每个列表项包含一个链接(<a>)。CSS用于样式化…

js实现div隐藏

js实现div隐藏

使用CSS的display属性隐藏div 通过设置元素的display属性为none,可以完全隐藏div元素。这种方法不仅隐藏元素,还会从文档流中移除,不占据页面空间。 document.getEl…

js实现上传图片预览

js实现上传图片预览

使用FileReader实现图片预览 通过FileReader对象读取用户选择的图片文件,并将其显示在页面上。这种方法适用于现代浏览器。 // HTML部分 <input type="file…

js实现保存图片

js实现保存图片

使用Canvas绘制并保存图片 在HTML中创建一个Canvas元素,通过JavaScript绘制内容后转换为图片并保存。Canvas的toDataURL方法可将画布内容转为Base64编码的图片数据…