javascript forEach 함수 구현 code_javascript 기술

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

function forEach(object, block, context, fn) {
if (object == null) return;
if (!fn) {
if (typeof object == "function" && object.call) {
//일반 객체 탐색
fn = Function ;
} else if (typeof object.forEach == "function" && object.forEach != 인수.callee) {
//대상이 forEach 메서드를 구현한 경우 자체 forEach 메서드를 사용합니다. (예: 표준 브라우저의 Array 객체)
object.forEach(block, context);
return
} else if (typeof object.length == "number") {
// If IE의 클래스 Array 객체 또는 배열 객체입니다.
_Array_forEach(object, block, context);
return;
}
}
_Function_forEach(fn || Object, object, block, context);
};
function _Array_forEach(array, block, context) {
if (array == null) return
var i = 0,length = array.length; if (typeof array == "string") {
for (; i < length; i ) {
block.call(context, array.charAt(i), i, array)
}
} else{
for (;i < length; i ) {
block.call(context, array[i], i, array)
}
}
};
_Function_forEach = function(fn, object, block, context) {
// 여기서 fn은 항상 Function
for (var key in object) {
//로컬 속성만 순회
if ( object.hasOwnProperty(key)) {
//block(object[key], key)
block.call(context, object[key], key, object)
}와 동일
}
};

원저자의 예시 몇 가지(벽을 뛰어넘었습니다! ):

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

function print(el,index) {
alert(index " : " el)
}
forEach ([1, 2, 3], print)
forEach ({a: "aa", b: "bb", c: " cc"}, 인쇄);
forEach("Situ Zhengmei", 인쇄)
forEach(document.styleSheets,function(el){
if(el.href) Alert(el. href)
})

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]

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

function 사람(이름, 나이) {
이것입니다. 이름 = 이름 ||
this.age = 나이
};
Person.prototype = new Person("프레드", 38) ;
fred.언어 = "English";//매우 늦은 바인딩
fred.wife = "Wilma";//매우 늦은 바인딩
forEach(fred,print)

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]