YUI读码日记之YAHOO.lang.is*_YUI.Ext相关
作者:小葵小小葵_530 | 来源:互联网 | 2018-05-13 18:44
在YUI框架的%BULID%yahooyahoo.js中,包含了一系列的变量类型检测方法,它们被分装成YAHOO.lang.is*。其中,这些函数的大部分封装都是typeof操作符的封装,我个人比较敢兴趣的事isArray与isValue的两个函数。
YAHOO.lang = YAHOO.lang || { isArray: function(o) { if (o) { var l = YAHOO.lang; // 如果该对象有 length 这个属性,同时支持 splice 方法, // 那么就认为它为数组。 return l.isNumber(o.length) && l.isFunction(o.splice); } return false; }, isBoolean: function(o) { return typeof o === 'boolean'; }, isFunction: function(o) { return typeof o === 'function'; }, isNull: function(o) { return o === null; }, isNumber: function(o) { return typeof o === 'number' && isFinite(o); }, isObject: function(o) { return (o && (typeof o === 'object' || YAHOO.lang.isFunction(o))) || false; }, isString: function(o) { return typeof o === 'string'; }, isUndefined: function(o) { return typeof o === 'undefined'; }, //... isValue: function(o) { // Infinity fails // return (o || o === false || o === 0 || o === ''); var l = YAHOO.lang; return (l.isObject(o) || l.isString(o) || l.isNumber(o) || l.isBoolean(o)); } };…… 复制粘贴分割线 …… 据悉,在 YUI 2.2.0 版本以前,YAHOO.lang.isArray 是这样写的。 isArray: function(obj) { // safari 有 bug,只好处理字符串 if (obj && obj.constructor && obj.constructor.toString().indexOf('Array') > -1) { return true; } else { return YAHOO.lang.isObject(obj) && obj.cOnstructor== Array; } },而这样的判断数组类型是有缺陷的,比如下面的代码 function myArray() { this.name = 'name'; } var o2 = new myArray(); alert(YAHOO.util.isArray(o2)); // 弹出true // 因为 obj.constructor.toString() 中包含 myArray 字样,所以返回true function Obj() { this.name = 'name'; } var o = new Obj(); o.cOnstructor= Array; alert(YAHOO.util.isArray(o)); // 弹出 true // 因为在 Javascript 里,constructor 也是属性 // 可以动态指定,所以返回 true因此,在 YUI 的后续版本,YAHOO.lang.isArray 被修改成了目前的这个样子 isArray: function(o) { if (o) { var l = YAHOO.lang; // 如果该对象有 length 这个属性,同时支持 splice 方法, // 那么就认为它为数组。 return l.isNumber(o.length) && l.isFunction(o.splice); } return false; },新的实现用了另外的思路:如果该对象有 length 这个属性,同时支持 splice 方法,那么就认为它为数组。当然,它依然有漏洞,我们仍然可以创建一个对象,使其拥有 length 属性和 splice 方法。但我觉得现在的实现更为合理,因为一来可能性不大,二来避免了诡异的浏览器的 BUG 。 再看 YUI 2.3.0 后引入的 YAHOO.lang.isValue,其实就是判断参数是否是一个有意义的值,只要参数不是 null/undefined/NaN,那么都返回 true。(注意这和一般的判断真假的不同就是, 0/false/''(空字符串) 这些都算是有效的值),所以 YAHOO.lang.isValue 非常适合用来判断表单域的值是否为有效值。
推荐阅读
本文整理了常用的CSS属性及用法,包括背景属性、边框属性、尺寸属性、可伸缩框属性、字体属性和文本属性等,方便开发者查阅和使用。 ...
[详细]
蜡笔小新 2023-12-09 03:01:43
本文介绍了Apple发布的新一代操作系统macOS Big Sur,该系统采用全新的界面设计,包括图标、应用界面、程序坞和菜单栏等方面的变化。新系统还增加了通知中心、桌面小组件、强化的Safari浏览器以及隐私保护等多项功能。文章指出,macOS Big Sur的设计与iPadOS越来越接近,结合了去年iPadOS对鼠标的完善等功能。 ...
[详细]
蜡笔小新 2023-12-10 19:53:41
前言对于从事技术的人员来说ajax是这好东西,都会使用,而且乐于使用。但对于新手,开发一个ajax实例,还有是难度的,必竟对于他们这是新东西。leo开发一个简单的ajax实例,用的是 ...
[详细]
蜡笔小新 2023-10-16 17:08:23
我有使用googledrivepdf的共享链接,我必须使用angular7下载pdf文件。我已经完成了自欺 ...
[详细]
蜡笔小新 2023-10-16 11:21:16
IhaveawebapplicationthatusesanActiveXCOMcomponent,forexample:我有一个使用ActiveXCOM组件的Web应用程 ...
[详细]
蜡笔小新 2023-10-16 08:07:22
浅析javascript异步执行函数导致的变量变化问题解决思路-浅析javascript异步执行函数导致的变量变化问题解决思路for(vari0;i ...
[详细]
蜡笔小新 2023-10-15 18:57:11
表单提交前的最后验证:通常在表单提交前,我们必须确认用户是否都把必须填选的做了,如果没有,就不能被提交到服务器,这里我们用到表单的formname.submit()看演示,其实这个对于我们修炼道 ...
[详细]
蜡笔小新 2023-10-15 18:44:55
Itwasworkingcorrectly,butyesterdayitstartedgiving401.IhavetriedwithGooglecontactsAPI ...
[详细]
蜡笔小新 2023-10-15 16:40:16
该对象中的属性方法和数学有关.abs(x)返回数的绝对值。exp(x)返回e的指数。floor(x)对数进行下舍入。log(x)返回数的自然对数(底为e)。 ...
[详细]
蜡笔小新 2023-10-14 20:27:26
get()方法用于拦截某个属性的读取操作,如果没有该属性的时候会报一个undefined的,如果结果get处理会返回对应的错误信息varperson{name:张三 ...
[详细]
蜡笔小新 2023-10-14 11:04:09
[JavaScript]多数前端工程师都没注意到的一个关于console.log()的坑请阅读以下代码并猜测结果:functiontest(){le ...
[详细]
蜡笔小新 2023-10-13 19:00:52
前提ES5只有函数作用域和全局作用域,var属于ES5。let属于ES6,新增块级作用域。目的是可以写更安全的代码。Theletstatementdeclaresablocks ...
[详细]
蜡笔小新 2023-10-13 18:33:54
用JavaScript实现的太空人手表-JS写的太空人手表,没有用canvas、svg。主要用几个大的函数来动态显示时间、天气这些。天气的获取用到了AJAX请求。代码中有详细的注释 ...
[详细]
蜡笔小新 2023-10-13 17:21:38
这篇文章主要介绍“javascript如何判断值是否为undefined”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“ja ...
[详细]
蜡笔小新 2023-10-13 12:56:32
Iwouldliketobeabletohaveasidebarthatcanbetoggledinandoutonabuttonpress.However ...
[详细]
蜡笔小新 2023-10-13 12:28:22