改善javaScript118个建议-检测内置的数据类型

本文深入探讨了JavaScript中使用typeof、constructor、toString等方法进行数据类型检测与验证的技巧,包括如何避免误判null值及检测复杂数据类型。

使用typeof运算符返回一个用于识别其运算数据类型的字符串。对于任何变量来说,使用typeof运算符总是以字符串的形式返回以下6种类型之一:

  • “number”
  • “string”
  • “boolean”
  • “object”
  • “function”
  • “undefined”
    不幸的是,使用typeof检测null,返回的是“object”,而不是”null”。更好的检测null的方法其实很简单:

function type(o){
    return (o===null)?"null":typeof(o);
}

这样就可以避免开因为null值影响基本数据的类型检验了。注意:typeof不能检测复杂的数据类型,以及各种特殊用途的对象。如正则表达对象,日期对象,数学对象。
对于对象或数组,可以使用constructor属性。该属性引用的是原来构造该对象的函数。如果结合typeof和constructor属性,基本能够完成类型的检
测。

数据类型检测表

值(value) | typeof value| value.contructor

——– | — | —
var value=1| “number” | Number
var value=”a” | “string” | String
var value=true | “boolean” | Boolean
var value ={} |”object” |Obejct
var vlue = new Object ()|”object”|Object
var value = []|”object”|Array
var value = function(){}|”function”|Function
function person(){}|”obecjt”|person
使用constructor可以检测绝大多数的类型,但是对于undefined和null特殊值就不能使用constructor,因为javaScript解析器会抛出异常。此时可以先把值转换布尔型,如果为true,则说明不是undefined或者null值,然后再调用constructor属性。


var value = undefined;
alert(typeof value) ; //”undefined”
alert(value && value.contructor); //undefined
var value = null;
alert(typeof value);//”object”
alert(value && typeof value);//null

使用toString()检测类型

使用toString检测类型最为安全、最为准确。调用toString()方法把对象转换为字符串,然后通过检测字符串中是否包含数组特有的标志字符可以确定对象的类型。toString返回的字符串形式如下:
[object class]
其中object表示通用类型,class表示对象的内部类型。内部类型的名称与构造函数的名称相对应。
但是要获取对象的class值的唯一方法是必须调用object对象定义默认的toString方法。因为不同对象都会预定义自己的toString方法,所以不能直接用对象的toString方法。例如,下面对象的toString方法返回的就是当前UTC时间字符串,而不是字符串“[object Date]”。
var date = new Date();
alert(date.toString()); //当前UTC时间字符串
要调用object对象默认的toString方法,可以先调用Object.prototype.toString对象的默认toString()方法,再调用apply在想要检测的对象上执行。结合上面的对象date,具体实现代码如下:
var date = new Date();
var s = Object.prototype.toString;
alert(s.apply(date));//[object Date]
下面是一个比较完整的数据类型校验:
“` python
function typeof(o){
var _toString = Object.prototype.toString;
var _type = {
“undefined”:”undefined”,
“number”:”number”,
“string”:”string”,
“[object Function]”:”function”,
“[object Array]”:”array”,
“[object RegExp]”:”regexp”,
“[object Date]”:”date”,
“[object Error]”:”error”
}
return _type[typeof o] || _type[_toString.call(o) || (o?”object”:”null”)];
}
上述方法适用于JavaScript基本数据类型和内置对象,而对自定义对象是无效的。要检测非内置对象,只能够使用constructor属性和instaceof运算符来实现。

在充满仪式感的生活里,一款能传递心意的小工具总能带来意外惊喜。这款基于Java开发的满屏飘字弹幕工具,正是为热爱生活、乐于分享的你而来——它以简洁优雅的视觉效果,将治愈系文字化作灵动弹幕,在屏幕上缓缓流淌,既可以作为送给心仪之人的浪漫彩蛋,也能成为日常自娱自乐、舒缓心情的小确幸。 作为程序员献给crush的心意之作,工具的设计藏满了细节巧思。开发者基于Swing框架构建图形界面,实现了无边框全屏显示效果,搭配毛玻璃质感的弹幕窗口与圆润边角设计,让文字呈现既柔和又不突兀。弹幕内容精选了30条治愈系文案,从“秋天的风很温柔”到“你值得所有温柔”,涵盖生活感悟、自我关怀、浪漫告白等多个维度,每一条都能传递温暖力量;同时支持自定义修改文案库,你可以替换成专属情话、纪念文字或趣味梗,让弹幕更具个性化。 在视觉体验上,工具采用柔和色调生成算法,每一条弹幕都拥有独特的清新配色,搭配半透明渐变效果与平滑的移动动画,既不会遮挡屏幕内容,又能营造出灵动治愈的氛围。开发者还优化了弹幕的生成逻辑,支持自定义窗口大小、移动速度、生成间隔等参数,最多可同时显示60条弹幕,且不会造成电脑卡顿;按下任意按键即可快速关闭程序,操作便捷无负担。 对于Java学习者而言,这款工具更是一份优质的实战参考。源码完整展示了Swing图形界面开发、定时器调度、动画绘制、颜色算法等核心技术,注释清晰、结构简洁,哪怕是初学者也能轻松理解。开发者在AI辅助的基础上,反复调试优化细节,解决了透明度控制、弹幕碰撞、资源占用等多个问题,这份“踩坑实录”也为同类项目开发提供了宝贵经验。 无论是想给喜欢的人制造浪漫惊喜,用满屏文字传递心意;还是想在工作间隙用治愈文案舒缓压力,或是作为Java学习的实战案例参考,这款满屏飘字弹幕工具都能满足你的需求。它没有复杂的操作流程,无需额外配置环境,下载即可运行,用最纯粹的设计传递最真挚的
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值