Prototype 學習工具函數學習($w,$F方法)

2019-11-21 01:16:33

字體：大中小

來源：轉載

供稿：網友

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

上一篇：Prototype Object對象學習

下一篇：Prototype 學習工具函數學習($A方法)