>웹 프론트엔드 >JS 튜토리얼 >프로토타입 학습도구 기능 학습($w, $F 방식)_prototype

프로토타입 학습도구 기능 학습($w, $F 방식)_prototype

WBOY
WBOY원래의
2016-05-16 18:50:041233검색
$w 메소드
문자열을 배열로 분할하여 모든 공백을 구분 기호로 처리합니다. Ruby의 %w{foo bar} 또는 Perl의 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 메서드
양식 컨트롤의 값을 반환합니다. Form .Element.getValue의 별칭
코드 복사 코드는 다음과 같습니다.

var $F = Form.Element .Methods.getValue;
//====>getValue()
getValue: function(element) {
element = $(element)
var 메소드 = element.tagName.toLowerCase ();
return Form.Element.Serializers[method](element);
}
//====>Serializers
Form.Element.Serializers = {
입력: 함수(요소, 값) {
스위치(element.type.toLowerCase()) {
case 'checkbox':
case 'radio':
return Form.Element .Serializers.inputSelector(element , value);
기본값:
return Form.Element.Serializers.textarea(element, value)
}
},
inputSelector: function(element, value) {
if (Object.isUndefined(value)) return element.checked ? element.value :
null
else element.checked =
},
textarea : function(element, value ) {
if (Object.isUndefine(value)) return element.value;
else element.value = value
},
//생략, 나중에 다루겠습니다. 이 객체는 나중에 자세히 설명
......
//====> Object.isUndefine
function isUndefine(object) {
return typeof object === "undefine" ;
}

이 함수는 최종적으로 전달된 매개변수의 값을 반환합니다. Form.Element.Serializers 개체에 정의된 메서드에서 $F 메서드가 Form 요소의 값을 가져오는 것을 볼 수 있습니다. div를 정의한 후 이 메서드를 호출하면 Form.Element.Serializers[method]가 그렇지 않습니다. 함수 예외, 지정된 ID가 존재하지 않으면 요소에 속성이 없는 경우 예외가 발생합니다.
Form.Element.Serializers의 메소드에서 먼저 value 매개변수가 있는지 확인합니다. 존재하는 경우 요소 매개변수에 값을 할당하는 것과 같습니다. 존재하지 않는 경우 요소의 값은 다음과 같습니다. 돌아왔다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.