js中typeof a=="String"与typeof a=="string"都对吗

时间: 2023-12-05 13:46:59 浏览: 131

javascript typeof id===’string’?document.getElementById(id):id解释原创

一般来说想要理解这段代码，需要掌握如下两个函数一个是 typeof 一个就是三元运算符看完了上面的文章再看下面的就比较好理解了一般来说常用的函数代码 function $(id){ return typeof id==='string'?document.getElementById(id):id;} var GetBy = function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; 功能都是一样的。这个函数的作用就是之后用到id选择器可以简写，至于判断的在JavaScript编程语言中，`typeof` 是一个非常重要的操作符，用于检测变量或表达式的类型。这段代码的核心在于使用 `typeof` 和三元运算符来判断传入参数 `id` 的类型，然后根据类型的不同执行不同的操作。让我们深入探讨一下这两个关键概念。 `typeof` 操作符会返回一个表示变量或表达式类型的字符串。例如，如果 `id` 是一个字符串，`typeof id` 将返回 `'string'`。对于数字、函数、null、undefined、boolean、object（注意，这里的object并不区分数组或对象实例）和其他类型，它也会返回相应的字符串类型标识。在这段代码中： ```javascript typeof id === 'string' ? document.getElementById(id) : id; ``` 这是一个三元运算符的示例，也称为条件运算符。它的语法是 `condition ? expr1 : expr2`，如果 `condition` 为真（true），则表达式的结果为 `expr1`，否则为 `expr2`。在这个具体场景中，`condition` 是 `typeof id === 'string'`，它检查 `id` 是否为字符串类型。如果条件为真，即 `id` 是一个字符串，那么使用 `document.getElementById(id)` 来获取HTML文档中ID属性与 `id` 相同的元素。这是DOM操作中常用的方法，用于查找页面上的特定元素。如果 `id` 不是字符串，三元运算符的第二部分 `id` 会被返回，这意味着 `id` 本身将被直接使用，可能是已存在的DOM元素或其他非字符串类型的值。现在，我们来看一下提供的两个函数： ```javascript function $(id) { return typeof id === 'string' ? document.getElementById(id) : id; } var GetBy = function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; ``` 这两个函数的功能相同，都是为了简化获取DOM元素的过程。它们接收一个参数 `id`，并基于 `id` 的类型决定如何处理。如果 `id` 是字符串，它们将尝试找到对应的DOM元素；如果 `id` 不是字符串，它们直接返回 `id`。需要注意的是，虽然这种简写方式在某些情况下方便快捷，但它可能会导致代码可读性下降，特别是当读者不熟悉这种技巧时。在实际开发中，为了代码的清晰性和可维护性，可能更倾向于使用传统的 `if...else` 语句。这段代码展示了JavaScript中类型检测和三元运算符的使用，以及如何利用它们来简化DOM操作。理解这些基本概念对于编写高效、可读的JavaScript代码至关重要。同时，为了保持代码的可读性和遵循最佳实践，开发者应该在适当的时候考虑使用更明确的控制流结构，比如 `if` 语句，而不是仅仅依赖于单行的三元运算符。

JavaScript中的字符串类型是小写的`"string"`，因此，`typeof a == "string"`是正确的写法，而`typeof a == "String"`是错误的写法。在JavaScript中，所有的基本数据类型的名称都是小写的，包括字符串、数字、布尔值等。只有在引用自定义对象类型时，才需要使用首字母大写的方式来表示。

阅读全文

js中typeof a=="String"与typeof a=="string"都对吗

相关推荐

javascript typeof id==='string'?document.getElementById(id):id解释 原创

浅析为什么a=”abc” 不等于 a=new String(“abc”)

class BaseModel { constructor(data, message){ if(typeof data === 'string') { this.message =data data = null message = null } if(data){ this.data = data } if(message){ this.message = message } }

typeof params === 'function'

详解JavaScript中typeof与instanceof用法

JavaScript中typeof与instanceof的区别与使用

JavaScript中typeof与instanceof深度解析

function judgeType(obj) { if (obj === null) { console.log(String(obj)); } else if (typeof obj === "object") { var type = Object.prototype.toString .call(obj) .replace("[object ", "") .replace("]", "") .toLowerCase(); console.log(type); } else { console.log(typeof obj); } }

var a=1，b='123'，c='你好'，d=true var f typeof(a) typeof(b) typeof(c) typeof(d) typeof(f)

var str = new String ("10"); var val = 50; document.write(typeof( str + val ));输出string

(源码)基于Python和LSTM的台湾电力负荷预测系统.zip

基于SpringBoot的古城景区管理系统源码数据库文档.zip

最新推荐

C#中enum和string的相互转换

快速解决owin返回json字符串多带了双引号"多了重string转义字符串

(源码)基于Python和LSTM的台湾电力负荷预测系统.zip

深入浅出：自定义 Grunt 任务的实践指南

管理建模和仿真的文件

数据可视化在缺失数据识别中的作用

ABB机器人在自动化生产线中是如何进行路径规划和任务执行的？请结合实际应用案例分析。

网络物理突变工具的多点路径规划实现与分析

"互动学习：行动中的多样性与论文攻读经历"

自动化缺失值处理脚本编写

javascript typeof id==='string'?document.getElementById(id):id解释原创