프로토타입 학습도구 기능 학습($method)_prototype

$
$$
$A
$F
$H
$R
$w
Try.these
document.getElementsByClassName
$ 메소드—— 스위스 군용 칼로 알려져 있습니다.
문자열이 제공되면 일치하는 ID를 가진 문서의 요소를 반환하고, 그렇지 않으면 전달된 요소를 반환합니다. 함수에서 반환된 모든 요소는 프로토타입 DOM으로 확장됩니다.

코드 복사 코드는 다음과 같습니다.

function $(element) {
if (arguments.length > 1) {
for (var i = 0, elements = [], length =args.length; i < length;
i )
elements.push( $(arguments[i]));
return elements;
}
if (Object.isString(element))
element = document.getElementById(element)
return Element.extend (요소);
}

먼저 전달된 매개변수의 길이를 확인하세요.

길이가 1이면 전달된 매개변수가 문자열인지 확인하세요. String인 경우 getElementById 메소드를 호출하여 해당 객체를 획득하고, 마지막으로 반환된 객체가 Element의 모든 메소드를 상속받도록 하여 반환된 객체가 Element 객체에 정의된 다양한 메소드를 직접 호출할 수 있도록 합니다. 예를 들어

코드 복사 코드는 다음과 같습니다.

// 참고 OOP- like...
Element.hide('itemId');
// 보장된 확장 덕분에 더 깔끔한 느낌
$('itemId').hide(); 🎜>길이가 1보다 큰 경우 $ 메서드(elements.push($(arguments[i]));)를 재귀적으로 호출합니다. 이는 전달된 매개 변수가 다차원 배열일 수 있음을 의미합니다.
$ (['A','B',['C','D',['E','F']]]) 물론, 반환된 객체 배열도 반환됩니다. <…

코드 복사


코드는 다음과 같습니다.

function isString(object) { return getClass(object) === " String"; } //=====> getClass()

function getClass(object) {

return Object.prototype.toString.call(object )
.match(/^[objects(. *)]$/)[1];
}


주로 getClass의 내부 메소드를 통해 반환되는 객체 유형을 결정합니다. Object 개체의 toString 메서드가 getClass에서 호출된 다음 정규식을 사용하여 특정 개체를 나타내는 문자열을 추출합니다.

Object.prototype.toString.call("2222") Return "[object String]" Get "String"

Object.prototype.toString.call(2222) 반환 "[object Number]" Get "Number"

Object.prototype. toString.call(/^$/)은 "[object RegExp] "를 반환합니다. Get "RegExp"

여기서 Object의 toString 메서드를 사용해야 하는 이유는 "2222".toString()을 직접 호출하면 "2222"이기 때문입니다. "가 반환됩니다. 즉, Object에서 상속받은 객체를 재사용하게 됩니다. toStirng 메소드가 작성되었으므로 여기서 Object의 toString을 호출해야 합니다.