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下利用控制器载入对应脚本
Jul 17 Javascript
js动态修改input输入框的type属性(实现方法解析)
Nov 13 Javascript
分享10个原生JavaScript技巧
Apr 20 Javascript
浅谈js中的三种继承方式及其优缺点
Aug 10 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
Nov 09 Javascript
jQuery为DOM动态追加事件的方法
Feb 16 Javascript
React实现全局组件的Toast轻提示效果
Sep 21 Javascript
在小程序Canvas中使用measureText的方法示例
Oct 19 Javascript
微信小程序实现简易table表格
Jun 19 Javascript
koa2+vue实现登陆及登录状态判断
Aug 15 Javascript
jquery实现抽奖功能
Oct 22 jQuery
vue中使用mockjs配置和使用方式
Apr 06 Vue.js
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/13 PHP
PHP进程通信基础之信号
2017/02/19 PHP
BOOM vs RR BO5 第三场 2.14
2021/03/10 DOTA
jqPlot jquery的页面图表绘制工具
2009/07/25 Javascript
javascript 混合的构造函数和原型方式,动态原型方式
2009/12/07 Javascript
面向对象的Javascript之三(封装和信息隐藏)
2012/01/27 Javascript
json格式的时间显示为正常年月日的方法
2013/09/08 Javascript
JQuery实现的图文自动轮播效果插件
2015/06/19 Javascript
javascript实现网页屏蔽Backspace事件,输入框不屏蔽
2015/07/21 Javascript
快速学习jQuery插件 Cookie插件使用方法
2015/12/01 Javascript
vue-resource 拦截器使用详解
2017/02/21 Javascript
Javascript中的async awai的用法
2017/05/17 Javascript
vue 配置多页面应用的示例代码
2018/10/22 Javascript
jQuery实现的五星点评功能【案例】
2019/02/18 jQuery
vue3.0中的双向数据绑定方法及优缺点
2019/08/01 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
2020/11/06 Javascript
python中关于时间和日期函数的常用计算总结(time和datatime)
2013/03/08 Python
python命令行参数sys.argv使用示例
2014/01/28 Python
Python中使用PDB库调试程序
2015/04/05 Python
利用Python批量提取Win10锁屏壁纸实战教程
2018/03/27 Python
Python元组知识点总结
2019/02/18 Python
Spring Boot中使用IntelliJ IDEA插件EasyCode一键生成代码详细方法
2020/03/20 Python
浅谈Python 命令行参数argparse写入图片路径操作
2020/07/12 Python
python自动化发送邮件实例讲解
2021/01/04 Python
CSS3转换功能transform主要属性值分析及实现分享
2012/05/06 HTML / CSS
东芝官网商城:还原日式美学,打造美好生活
2018/12/27 全球购物
Ejb技术面试题
2015/04/29 面试题
《逃家小兔》教学反思
2014/02/23 职场文书
学习党的群众路线实践活动思想汇报
2014/09/12 职场文书
市场营销工作计划书
2014/09/15 职场文书
2014年村官工作总结
2014/11/24 职场文书
母亲去世追悼词
2015/06/23 职场文书
网吧温馨提示
2015/07/17 职场文书
PostgreSQL存储过程实用脚本(二):创建函数入门
2021/04/05 PostgreSQL
python标准库ElementTree处理xml
2022/05/20 Python
一文解答什么是MySQL的回表
2022/08/05 MySQL