js中typeof的用法汇总

JavaScript 中 typeof 的用法汇总

在 JavaScript 中,typeof 是一个常用的运算符,用于返回给定变量或表达式的数据类型。以下是 typeof 的使用方式及其返回值汇总。

typeof 运算符

typeof 运算符用于返回一个表示给定变量/表达式的数据类型的字符串。它采取以下形式:

typeof operand

operand 是要检查其数据类型的变量或表达式。以下是 typeof 运算符可能返回的字符串,以及对应的数据类型:

  • "undefined":未定义值
  • "boolean":布尔值
  • "string":字符串
  • "number":数值
  • "object":对象或 null
  • "function":函数

值得注意的是,尽管 null 被认为是对象,但 typeof null 返回的是 "object"

下面看两个例子,来看一下 typeof 的用法。

示例一

let arr = [1, 2, 3];
let obj = { name: 'Bob', age: 20 };
let fn = function() {};

console.log(typeof arr); // 输出:object
console.log(typeof obj); // 输出:object
console.log(typeof fn); // 输出:function

上面这段代码中,typeof arrtypeof obj 都返回了 "object",这是因为 arrobj 都是对象,而 typeof fn 返回了 "function",因为 fn 是个函数。

示例二

let isTrue1 = true;
let isTrue2 = 'true';
let str = 'hello world';
let num = 123;
let obj = {};

console.log(typeof isTrue1); // 输出:boolean
console.log(typeof isTrue2); // 输出:string
console.log(typeof str); // 输出:string
console.log(typeof num); // 输出:number
console.log(typeof obj); // 输出:object

上面这段代码中,typeof isTrue1 返回了 "boolean",而 typeof isTrue2 返回了 "string",这是因为 isTrue1 是布尔值,而 isTrue2 是字符串。对于 typeof strtypeof num,它们都返回了自己的数据类型,即 "string""number",而 typeof obj 返回了 "object",因为 obj 是个空对象。

更多关于 typeof 的用法和细节可以参考 MDN 的文档

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js中typeof的用法汇总 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • JavaScript图片旋转效果实现方法详解

    JavaScript 图片旋转效果的实现方法详解 前言 随着 Web 技术的发展,越来越多的动态特效展现在用户面前。其中,图片旋转效果是一种非常流行的动态特效。在本文中,我们将使用 JavaScript 来实现图片旋转效果,并介绍两个基于不同旋转方式的示例。 实现方法 HTML 代码 首先我们需要准备一个 HTML 代码,用于展示图片,如下所示: <d…

    JavaScript 2023年6月10日
    00
  • 通过扫小程序码实现网站登陆功能

    通过扫小程序码实现网站登录功能是一种方便、快捷且安全的方式。以下是完整攻略: 步骤一:生成小程序码 首先,我们需要创建一个用于扫描的小程序码。 在微信公众平台上注册并登录小程序开发者账号,创建一个小程序。 进入“开发” -> “开发设置”,启用“小程序登录”。 在后台服务器上生成一个随机字符串,作为本次登录的唯一标识(也可以使用其他方式生成)。 使用该…

    JavaScript 2023年5月19日
    00
  • ES6新语法之解构实践指南

    ES6新语法之解构实践指南 什么是解构 解构是一种从数组或对象中提取数据的方式,它允许我们将属性或元素提取到不同的变量中。ES6中,我们可以通过解构来轻松地获取对象或数组中的属性或元素。 解构对象 解构一个对象意味着将对象的属性值复制到一个变量中。这是通过使用花括号和变量名称来完成的。 const person = { firstName: ‘John’, …

    JavaScript 2023年6月11日
    00
  • 微信小程序 生命周期和页面的生命周期详细介绍

    下面详细讲解一下微信小程序的生命周期和页面的生命周期: 微信小程序生命周期介绍 微信小程序生命周期分为两个部分:全局生命周期和页面生命周期。全局生命周期是指在整个小程序中被执行的方法,而页面生命周期则是指在页面中被执行的方法。 全局生命周期 全局生命周期包含以下方法: 1. onLaunch(options) 在小程序初始化完成时执行,只会执行一次。 参数说…

    JavaScript 2023年6月11日
    00
  • JavaScript实现控制打开文件另存为对话框的方法

    你想要了解的是JavaScript如何实现控制打开文件另存为对话框的方法。 JavaScript实现控制打开文件另存为对话框的方法通常使用的是HTML5中的download属性,并且需要将需要下载的文件的地址作为download属性的值。具体步骤如下: 创建一个链接按钮或者a标签,作为下载操作的触发器。 <a href="/path/to/f…

    JavaScript 2023年5月27日
    00
  • JavaScript为内置对象添加原型方法实现

    JavaScript内置对象是指在语言中预定义的构造函数和可用于JavaScript中的全局对象。这些内置对象包括字符串(String)、数值(Number)、日期(Date)、正则表达式(RegExp)等。在该对象的原型(prototype)上定义一个新的方法的过程可以被称为“为内置对象添加原型方法”。 下面是一个完整的攻略,用于向内置对象添加原型方法: …

    JavaScript 2023年6月10日
    00
  • JS实现json数组排序操作实例分析

    下面是JS实现json数组排序操作的完整攻略: 什么是JSON数组排序? JSON数组排序是指对一个JSON数组中的元素按照指定的规则进行排序的过程。 如何实现JSON数组排序? 下面是一些实现JSON数组排序的常用方法: 使用Array.sort()方法排序 首先,我们通过Array.sort()方法实现数组排序。Array.sort()方法可以接收一个可…

    JavaScript 2023年5月27日
    00
  • 提交表单时执行func方法实现代码

    当用户提交表单时,我们可以使用JavaScript中的addEventListener方法或者onsubmit属性来绑定一个回调函数来实现代码逻辑。以下是实现步骤: 1. 编写HTML表单 首先需要编写一个HTML表单: <form id="myForm"> <input type="text" na…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部