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 相关文章推荐
有关于JS辅助函数inherit()的问题
Apr 07 Javascript
JavaScript原生对象之Number对象的属性和方法详解
Mar 13 Javascript
jQuery实现动画效果circle实例
Aug 06 Javascript
js实现文字闪烁特效的方法
Dec 17 Javascript
JS随机洗牌算法之数组随机排序
Mar 23 Javascript
javaScript数组迭代方法详解
Apr 14 Javascript
Javascript动画效果(1)
Oct 11 Javascript
bootstrap模态框实现拖拽效果
Dec 14 Javascript
JS实现简单的二元方程计算器功能示例
Jan 03 Javascript
数组Array的一些方法(总结)
Feb 17 Javascript
uni-app 支持多端第三方地图定位的方法
Jan 03 Javascript
vue实现点击出现操作弹出框的示例
Nov 05 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学习笔记之 函数声明
2011/06/09 PHP
初识php MVC
2014/09/10 PHP
PHP多进程编程之僵尸进程问题的理解
2017/10/15 PHP
javascript下4个跨浏览器必备的函数
2010/03/07 Javascript
js判断变量是否未定义的代码
2020/03/28 Javascript
javascript检查浏览器是否支持flash的实现代码
2014/08/14 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
2015/02/26 Javascript
jQuery拖拽插件gridster使用指南
2015/04/21 Javascript
JS插件overlib用法实例详解
2015/12/26 Javascript
JavaScript数组去重的两种方法推荐
2016/04/05 Javascript
轻松掌握JavaScript中的Math object数学对象
2016/05/26 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
2020/05/29 Javascript
seajs中最常用的7个功能、配置示例
2017/10/10 Javascript
详解Nodejs mongoose
2018/06/10 NodeJs
如何在JavaScript中使用localStorage详情
2021/02/04 Javascript
怎样使用Python脚本日志功能
2016/08/14 Python
Python实现求解括号匹配问题的方法
2018/04/17 Python
python3读取csv和xlsx文件的实例
2018/06/22 Python
python如何创建TCP服务端和客户端
2018/08/26 Python
Python 使用PyQt5 完成选择文件或目录的对话框方法
2019/06/27 Python
python基于TCP实现的文件下载器功能案例
2019/12/10 Python
AUC计算方法与Python实现代码
2020/02/28 Python
django项目中新增app的2种实现方法
2020/04/01 Python
Django微信小程序后台开发教程的实现
2020/06/03 Python
详解pandas赋值失败问题解决
2020/11/29 Python
CSS3 优势以及网页设计师如何使用CSS3技术
2009/07/29 HTML / CSS
详解css3使用transform出现字体模糊的解决办法
2020/10/16 HTML / CSS
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
input元素的url类型和email类型简介
2012/07/11 HTML / CSS
优秀党支部书记事迹材料
2014/05/29 职场文书
节能减耗标语
2014/06/21 职场文书
机电系毕业生求职信
2014/07/11 职场文书
大学生党员个人剖析材料
2014/10/08 职场文书
无锡灵山大佛导游词
2015/02/09 职场文书
Python离线安装openpyxl模块的步骤
2021/03/30 Python
使用MybatisPlus打印sql语句
2022/04/22 SQL Server