2014-02-16 5 views
0

온라인 자습서에서 자바 스크립트를 배우려고합니다. 12 번 줄을 이해하지 못합니다.이 줄은 무엇을합니까? outImage, thisImage.outImage 및 Image()는 무엇입니까? Image()는 JavaScript 내장 객체입니까? thisImage.outImage 객체인가요? 또는 outImage 만 개체입니까? 고마워, 모든 답변을 주셔서 감사합니다! 기능을 부르고 라인 6.javascript에서 내장 객체에 객체를 추가하는 방법은 무엇입니까?

setupRollover(document.images[i]); 

에서 enter image description here

+1

'thisImage'는 함수에 전달 된 객체입니다 (이 경우 이미지).'outImage'는 객체에 정의 된 새 속성입니다. 'new Image();'는 새로운 이미지를 생성합니다. - 정말 간단 해요! –

+0

이 질문을 확인하십시오 : [JavaScript 이미지 개체에 대한 사양이 있습니까?] (http://stackoverflow.com/questions/15233483/is-there-a-specification-for-javascript-image-object) – shawnzhu

+0

@Niet the Dark Absol, Image() 객체입니까? 은 document.images [i] 객체입니까? – sopanha

답변

1

봐.

function setupRollover (thisImg) { /* ... */ } 

그래서 thisImg === document.images [i];

document은 브라우저에 내장 된 개체 (JavaScript에는 내장되어 있지 않지만 모든 브라우저에서 입력하는 개체)로, 페이지의 HTML ("DOM"이라고도 함)에 액세스 할 수 있습니다.

그래서 document.images은 DOM에있는 모든 이미지의 목록입니다.

var img = new Image(); img.src = "...";은 새 이미지를 만듭니다. 동일한 형식으로 <img src="...">을 입력하면 새 이미지가 나타납니다.

차이점은 JavaScript에서는 HTML이 아닌 JavaScript로 변경되었으므로 변경하여 주위로 이동하고 다른 기능으로 전달할 수 있다는 것입니다.

퍼즐의 다른 혼란스러운 부분은 자바 스크립트에서 거의 모든 것을 연결할 수 있다는 것입니다.

var img = new Image(), 
    img2 = new Image(); 

img.otherImage = img2; 

이것은 특별한 것이나 마법 같은 것을하지 않습니다.
해당 스크립트에서 img.otherImage을 요청하면 언제든지 img2이 표시됩니다.

+0

이 코드에서'var img = new Image()','img'는 객체입니까? 'Image()'는 객체 또는 클래스입니까? thanks – sopanha

+1

JavaScript에는 "클래스"가 없습니다. 결국 그들은오고 있습니다. Image는 생성자 함수로 이미지 객체의 새 인스턴스를 반환합니다. 그래서 그것은 수업처럼 보입니다.'var img = new Image();'그래서 이미지 객체를 만드는 함수이다. – Norguard

관련 문제