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 相关文章推荐
类似GMAIL的Ajax信息反馈显示
Feb 16 Javascript
jquery验证手机号码、邮箱格式是否正确示例代码
Jul 28 Javascript
浏览器的JavaScript引擎的识别方法
Oct 20 Javascript
通过javascript把图片转化为字符画
Oct 24 Javascript
浅谈页面装载js及性能分析方法
Dec 09 Javascript
jQuery性能优化技巧分析
Feb 20 Javascript
Node.js连接mongodb实例代码
Jun 06 Javascript
使用Vue自定义数字键盘组件(体验度极好)
Dec 19 Javascript
vue-cli 组件的导入与使用教程详解
Apr 11 Javascript
vue draggable resizable 实现可拖拽缩放的组件功能
Jul 15 Javascript
js实现移动端吸顶效果
Jan 08 Javascript
Vue组件模板的几种书写形式(3种)
Feb 19 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/05/16 PHP
php与mysql建立连接并执行SQL语句的代码
2011/07/04 PHP
基于PHP静态类的原罪详解
2013/05/06 PHP
解析PHP中intval()等int转换时的意外异常情况
2013/06/21 PHP
FleaPHP框架数据库查询条件($conditions)写法总结
2016/03/19 PHP
用PHP的socket实现客户端到服务端的通信实例详解
2017/02/04 PHP
Yii框架使用魔术方法实现跨文件调用功能示例
2017/05/20 PHP
jquery Firefox3.5中操作select的问题
2009/07/10 Javascript
javascript事件函数中获得事件源的两种不错方法
2014/03/17 Javascript
js点击button按钮跳转到另一个新页面
2014/10/10 Javascript
node.js开机自启动脚本文件
2014/12/24 Javascript
Javascript非构造函数的继承
2015/04/27 Javascript
js模拟淘宝网的多级选择菜单实现方法
2015/08/18 Javascript
JS实现仿新浪黄色经典滑动门效果代码
2015/09/27 Javascript
JavaScript中子对象访问父对象的方式详解
2016/09/01 Javascript
JSON 必知必会 观后记
2016/10/27 Javascript
JavaScript之DOM_动力节点Java学院整理
2017/07/03 Javascript
Angular2实现的秒表及改良版示例
2019/05/10 Javascript
js cavans实现静态滚动弹幕
2020/05/21 Javascript
Jquery cookie插件实现原理代码解析
2020/08/04 jQuery
JS将指定的某个字符全部转换为其他字符实例代码
2020/10/13 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
python实现登陆知乎获得个人收藏并保存为word文件
2015/03/16 Python
解决python3在anaconda下安装caffe失败的问题
2017/06/15 Python
Python subprocess模块详细解读
2018/01/29 Python
Python实现打砖块小游戏代码实例
2019/05/18 Python
python 类的继承 实例方法.静态方法.类方法的代码解析
2019/08/23 Python
Python 基于jwt实现认证机制流程解析
2020/06/22 Python
巧用CSS3 border实现图片遮罩效果代码
2012/04/09 HTML / CSS
CSS3中的opacity属性使用教程
2015/08/19 HTML / CSS
瑞典快乐袜子:Happy Socks
2018/02/16 全球购物
四年级评语大全
2014/04/21 职场文书
行政部经理助理岗位职责
2014/06/15 职场文书
幼师自荐信范文
2015/03/06 职场文书
教师岗位职责范本
2015/04/02 职场文书
MySql如何将查询的出来的字段进行转换
2022/06/14 MySQL