함수 내부에서 객체 조작

Question

문제가있어서 도움이 필요합니다. chart.js로 차트를 만들고 그 차트를 함수로 업데이트하고 싶습니다.

나는 다음과 같은 설정이 있습니다

function createchart(obj){ 
var kdChart = new Chart(kdchart, { 
      type: 'line', 
      data: data, 
      options: options 
     }); 

지금 내가 이런 제 2 기능과 차트를 업데이트하려고 :

function updatechart(){ 
    //collect new data... 
    kdChart.data.labels = datepoints; 
    kdChart.data.datasets[0].data = kdata; 
    kdChart.data.datasets[1].data = ddata; 
    kdChart.update(); 
} 

지금 내가 얻을 오류를

TypeError: kdChart.data is undefined

때 나는 그것이 작동하는 createchart-function 바깥에서 Chart를 생성한다. 여기서 내가 뭘 잘못하고 있니? 함수 내부에서 개체를 업데이트하려면 어떻게해야합니까?

Answer 1

변수는 함수 내에 만 존재한다는 것이 문제입니다.

function createchart(...) { 
    var kdchart = ... 
    ... 
    return kdchart; 
} 

그런 짓을 그리고 당신이 어딘가에이 기능 이동 스틱 kdchart를 호출 할 때 위치를 찾을 수 - 글로벌없는 경우에는 다른

Answer 2

이 때문에 변수 kdChart의 범위이다 윈도우 객체는 더 없다 . 실행이 그 함수 내부에있을 때까지 살아있다. 그렇지 않으면 죽은 것이다.

전역으로 생성하거나 하나의 함수 위에 객체를 생성하고 반환 할 수 있지만 필요한 모든 곳에서 해당 함수를 호출해야하며 동일한 참조를 얻을 필요는 없습니다.

액세스 할 복사본이 하나만 있도록 전역 개체를 만듭니다.