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

143 阅读 0 评论 95 点赞

我是靠谱客的博主英俊悟空，最近开发中收集的这篇文章主要介绍Prototype 学习工具函数学习($w,$F方法)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

$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的值