Prototype 学习 工具函数学习($w,$F方法)


Posted in Javascript onJuly 12, 2009

$w方法
Splits a string into an Array, treating all whitespace as delimiters. Equivalent to Ruby's %w{foo bar} or Perl's qw(foo bar).

function $w(string) { 
if (!Object.isString(string)) return []; 
string = string.strip(); 
return string ? string.split(/\s+/) : []; 
}

这个方法就是用空白字符把字符串分成数组,然后返回。
例子:
$w('apples bananas kiwis') // -> ['apples', 'bananas', 'kiwis']

$F方法
Returns the value of a form control. This is a convenience alias of Form.Element.getValue.
var $F = Form.Element.Methods.getValue; 
//====>getValue() 
getValue: function(element) { 
element = $(element); 
var method = element.tagName.toLowerCase(); 
return Form.Element.Serializers[method](element); 
} 
//====>Serializers 
Form.Element.Serializers = { 
input: function(element, value) { 
switch (element.type.toLowerCase()) { 
case 'checkbox': 
case 'radio': 
return Form.Element.Serializers.inputSelector(element, value); 
default: 
return Form.Element.Serializers.textarea(element, value); 
} 
}, 
inputSelector: function(element, value) { 
if (Object.isUndefined(value)) return element.checked ? element.value : 
null; 
else element.checked = !!value; 
}, 
textarea: function(element, value) { 
if (Object.isUndefined(value)) return element.value; 
else element.value = value; 
}, 
//省略,以后说到这个对象的时候在详细说明 
...... 
//====> Object.isUndefined 
function isUndefined(object) { 
return typeof object === "undefined"; 
}

这个函数最后就是返回传入参数的值。从Form.Element.Serializers 这个对象里面定义的方法可以看出,$F方法取得的是Form元素的值,如果定义一个div然后调用这个方法将会抛出Form.Element.Serializers[method] is not a function异常,如果给定的ID不存在将会抛出element has no properties异常。
在Form.Element.Serializers 里面的方法中先检查value这个参数是否存在,存在就相当于给element参数赋值,不存在就会返回element的值
Javascript 相关文章推荐
去掉gridPanel表头全选框的小例子
Jul 18 Javascript
JS中实现replaceAll的方法(实例代码)
Nov 12 Javascript
js数字转换为float,取N位小数
Feb 08 Javascript
深入理解JavaScript系列(44):设计模式之桥接模式详解
Mar 04 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
Aug 21 Javascript
AngularJS表格详解及示例代码
Aug 17 Javascript
微信开发 js实现tabs选项卡效果
Oct 28 Javascript
jQuery 表单序列化实例代码
Jun 11 jQuery
vue使用rem实现 移动端屏幕适配
Sep 26 Javascript
详释JavaScript执行环境与执行栈
Apr 02 Javascript
webpack3升级到webpack4遇到问题总结
Sep 30 Javascript
微信小程序的引导页实现代码
Jun 24 Javascript
Prototype 学习 工具函数学习($A方法)
Jul 12 #Javascript
Prototype 学习 工具函数学习($方法)
Jul 12 #Javascript
Prototype 学习 Prototype对象
Jul 12 #Javascript
javascript 动态加载 css 方法总结
Jul 11 #Javascript
checkbox 复选框不能为空
Jul 11 #Javascript
javascript 页面只自动刷新一次
Jul 10 #Javascript
javascript div 遮罩层封锁整个页面
Jul 10 #Javascript
You might like
php递归实现无限分类生成下拉列表的函数
2010/08/08 PHP
深入PHP magic quotes的详解
2013/06/17 PHP
PHP实现设计模式中的抽象工厂模式详解
2014/10/11 PHP
WordPress后台中实现图片上传功能的实例讲解
2016/01/11 PHP
基于jQuery实现左右div自适应高度完全相同的代码
2012/08/09 Javascript
如何将一个String和多个String值进行比较思路分析
2013/04/22 Javascript
基于jquery实现的自动补全功能
2015/03/12 Javascript
c#程序员对TypeScript的认识过程
2015/06/19 Javascript
详解数组Array.sort()排序的方法
2020/05/09 Javascript
vue中element组件样式修改无效的解决方法
2018/02/03 Javascript
angularjs通过过滤器返回超链接的方法
2018/10/26 Javascript
node.js监听文件变化的实现方法
2019/04/17 Javascript
vue路由守卫,限制前端页面访问权限的例子
2019/11/11 Javascript
Vue 自适应高度表格的实现方法
2020/05/13 Javascript
解决ant-design-vue中menu菜单无法默认展开的问题
2020/10/31 Javascript
Python中使用异常处理来判断运行的操作系统平台方法
2015/01/22 Python
Python使用PIL模块生成随机验证码
2017/11/21 Python
python 提取tuple类型值中json格式的key值方法
2018/12/31 Python
python集合是否可变总结
2019/06/20 Python
python导入pandas具体步骤方法
2019/06/23 Python
使用django的ORM框架按月统计近一年内的数据方法
2019/07/18 Python
Python3实现二叉树的最大深度
2019/09/30 Python
tensorflow mnist 数据加载实现并画图效果
2020/02/05 Python
python使用hdfs3模块对hdfs进行操作详解
2020/06/06 Python
pytest fixtures装饰器的使用和如何控制用例的执行顺序
2021/01/28 Python
html5实现九宫格抽奖可固定抽中某项奖品
2020/06/15 HTML / CSS
英国领先的葡萄酒专家:Majestic Wine
2017/05/30 全球购物
英国运动风奢侈品购物网站:Maison De Fashion
2020/08/28 全球购物
体育教师工作总结的自我评价
2013/10/10 职场文书
护士自我评价
2014/02/01 职场文书
医学专业自荐信
2014/06/14 职场文书
工作推荐信模板
2015/03/25 职场文书
2015年大学生社会实践评语
2015/03/26 职场文书
淮海战役观后感
2015/06/11 职场文书
幼儿园小班班务总结
2015/08/03 职场文书
授权协议书范本(3篇)
2019/10/15 职场文书