[Javascript] this, new, class, 콜스택

목차

 

-this

-new

-class

-콜스택(재귀함수 출력순서)

-알고갈 사실(항상 함수 바로 위에 작업을 해놓아야함.

이렇게 해도 실행이되는 이유는 함수는 먼저 실행되고 나머지가 차례로 실행되기때문)

 

 

 

this

 

this는 예약어, 객체.
(이거)
사용하는 위치에 따라 결과물이 달라진다.

console.log(this) //브라우저가 가진 객체 다 보여줌

 

console.log(this) //브라우저가 만들어줌. 내장객체 or APIs 라고 함.

 

 

 

new

 

자바스크립트에서 생성자 new는 그냥 함수다.

 

객체 중복해서 쓰기 싫어서 사용함

 

생성자는 객체에대한 초기화이다.

 

사용 형식

 

let aa = newArr   <<<<<<<<<< 변수명 대문자

 

 

https://www.youtube.com/watch?v=VnqC_EmnU9g

 

 

https://www.zerocho.com/category/JavaScript/post/573c2acf91575c17008ad2fc

(JavaScript) 객체 지향 프로그래밍(생성자와 프로토타입)

 

 

 

 

new, class, this 한번에 정리

 

 

https://www.youtube.com/watch?v=dHrI-_xq1Vo 

 

콘솔 창 출력 순서를 구해보자.

콜스택

 

function main(){
        fn2()
        console.log("main")
    }

    function fn2(){
        
        console.log("fn2")
        fn3()
    }

    function fn3(){
        
        console.log('fn3')
        fn4()
    }

    function fn4(){
        fn5()
        console.log("fn4")
    }

    function fn5(){
        
        console.log("hello")
        fn6()
    }

    function fn6(){
        console.log("hello world!")
    }
    main()

 

예측

 

실제 값