JS 객체, 속성, 방법(JS 출력) 정보

안부를 묻다

처음 보는 사람은 처음이야!아시는 분 오늘!
중학생 백엔드 프로그래머 아티입니다!
이번에는 JS의'대상','속성','방법'을 배웠기 때문에 출력!
그럼!

대상

객체는 데이터 및 기능의 조합입니다.

등록 정보

속성은 객체 내의 데이터와 같습니다.

메서드

방법은 객체 내의 기능(함수)과 같습니다.
막연하게 설명하다

음식을 예로 들어 설명하다

방금 설명만으로는 이해하기 어려우니 음식에 비유하자!

'음식'이라는 대상 중에'열매'라는 대상이 있어요.
속성은'과일'방법은'달다'.
그리고 그'과일'대상에 바나나라는 대상이 있어요.
속성은 "바나나"방법은 "86kcal"입니다.
사과 등도 있어요.
그럼 코드로 이걸 재현해 볼게요.
main.js

let food = {
    fruits:[
        {
            name: "banana",
            kcal: function() {
                console.log('バナナのカロリーは86kcalです！');
            }
        },
        {
            name: "apple",
            kcal: function() {
                console.log('リンゴのカロリーは57kcalです！');
            }
        } 
    ]
}

console.log(food.fruits[0].name);
food.fruits[0].kcal();
console.log(food.fruits[1].name);
food.fruits[1].kcal();

크게 두 부분으로 나누다
위쪽은 대상이 정의한 부분이다
개체 정의
main.js

let オブジェクト名 = {
    //オブジェクトの内容
};

정의
안에 보세요.
main.js

fruits:[
        {
            name: "banana",
            kcal: function() {
                console.log('バナナのカロリーは86kcalです！');
            }
        },
        {
            name: "apple",
            kcal: function() {
                console.log('リンゴのカロリーは57kcalです！');
            }
        } 
]

frits 이 배열에name 이 속성과 kcal 이 방법이 있습니다
방법 처리를 하면 콘솔에 "바나나 칼로리는 86kcal!"등의 표시
다음 설명 정렬 정보
두 가지 접근 방법이 있어요.
접근을 구분하는 방법
mian.js

food.fruits[0].kcal();

이런 느낌이에요.
기본적으로 이 방법으로 접근하지만, 접근 변수 등을 할 때는 두 번째 방법을 사용해야 한다
괄호를 사용하여 액세스하는 방법
main.js

food["fruits"][0]["kcal"]();

구분

window document

마지막으로 windowdocument에 대한
JS는 브라우저에서 실행되는 언어입니다.브라우저 자체도 대상에 의해 정의되고 접근 방법과 속성이 가능합니다
DOM 작업 및 데이터 교환
main.js

window.fetch(); //外部とデータをやり取りする
window.document.getElementById("food"); //DOM要素のfoodという要素を収得する

파일 생략 가능
윈도우 대상의 방법도 많아요.
예를 들어 JS에서 자주 사용하는'constore.log'와'alert'등도 사실 윈도우 대상의 방법이다
main.js

window.console.log("hello");
window.alert("hello");

이렇게 하면 정상적으로 집행할 수 있다
윈도라는 대상을 사용하면 JS 작업의 데이터 교환과 DOM 작업을 할 수 있습니다!

총결산

객체에 데이터 및 기능 포함
속성이 데이터에 대응
방법은 기능에 상당한다
브라우저를 객체로 사용하여 JS의 두 가지 작업을 수행할 수 있습니다.

최후

이번 보도는 비록 좀 짧지만 이것도 매우 중요한 개념이다
그럼 이따 봐요!다음 기사!
Atie의 트위터
섬무의 IT대학 트위터

학습, 참조 비디오

[JavaScript 입문 #3] 이해 대상, 홍보 방법 [야후 출신 엔지니어가 초보자를 대상으로 하는 프로그래밍 강좌]