왜 전역 변수가 null입니까?

Question

var matte_canvas_width = $("#matte_canvas").width(); 
var matte_canvas_height = $("#matte_canvas").height(); 
function moulding_draw(img, fillet) 
{ 

    //var matte_canvas_width = $("#matte_canvas").width(); 
    //var matte_canvas_height = $("#matte_canvas").height(); 
    console.log("matte_canvas_width: " + matte_canvas_width); 
    console.log("matte_canvas_height: " + matte_canvas_height); 
} 

함수 외부에서 변수를 선언하면 콘솔에서 null을 값으로 출력합니다. 왜 이런 일이 일어나는 걸까요?

Answer 1

올바른 방법이

var matte_canvas_width; 
var matte_canvas_height; 

$(document).ready(function() { 
    matte_canvas_width = $("#matte_canvas").width(); 
    matte_canvas_height = $("#matte_canvas").height(); 
    moulding_draw("", ""); 
}); 

function moulding_draw(img, fillet) 
{ 

    //var matte_canvas_width = $("#matte_canvas").width(); 
    //var matte_canvas_height = $("#matte_canvas").height(); 
    console.log("matte_canvas_width: " + matte_canvas_width); 
    console.log("matte_canvas_height: " + matte_canvas_height); 
} 

Answer 2

처음에는 아무 것도 아니지만, 으로 생각하면으로 설정했습니다.

당신은 어떻게 $("#matte_canvas").width();이 당신에게 처음에 가치를주고 있는지 알고 계십니까? DOM을 제대로 넣었 때

Answer 3

라인

var matte_canvas_width = $("#matte_canvas").width(); 
var matte_canvas_height = $("#matte_canvas").height(); 

은 시간에 호출해야합니다. 순간에 당신이 변수`$ ("#의 matte_canvas")에 값을 할당 할 때 때문에

이 일을