[JavaScript] 자바스크립트 apply() 통한 바인딩 알아보기.

2021-07-18 자바스크립트에서는 객체를 바인딩하는 몇 가지 메서드가 존재하는데, 그중에서 오늘은 apply를 알아보도록 하자. - 예제1 //사람의 정보 함수 function person(name, age){ this.hisName = name; this.hisAge = age; } const person1 =new person('king', 25); // 학년이 추가된 학생 함수 function student(name, age, grade){ person.apply(this, [name,age]) this.hisGrade = grade; } const student1 = new student('kking', 30, 5); console.log(person1.hisName); //king conso..

• format_list_bulleted WEB/JavaScript
• · 2021. 7. 18.
• textsms

[JavaScript] 자바스크립트 bind() 메소드 알아보기.

2021-07-11 자바스크립트 내에서는 개발자가 직접 바인딩할 대상을 지정할 수 있는 몇 가지 메서드가 있는데, 그중에서 오늘은 bind에 대해서 알아보도록 하자. - 예제 아래는 간단한 사람이라는 객체이며, 객체 필드로 자신의 이름과 나이 이를 출력하는 간단한 함수가 정의 되어 있다. const person = { name : "king" ,age : 25 ,myInfo : function(){ console.log("나의 이름은 " + this.name + "이며, 나이는 " + this.age + "입니다." ) } } - bind와 unbind 된 객체 const person = { name : "king" ,age : 25 ,myInfo : function(){ console.log("나의 이..

• format_list_bulleted WEB/JavaScript
• · 2021. 7. 10.
• textsms

[JavaScript] JS this(자기자신) 키워드 알아보기

2021-04-13 자바스크립트에는 this라는 키워드가 존재한다. 해당 키워드는 자신이 속한 객체를 참조한다. 글로는 이해가 어려울 수 있으니 코드를 보면서 알아보도록 하자. - 예제 1. Hello World ​ 위의 코드는 학생의 정보를 오브젝트 형식으로 나열한 것이다. 오브젝트 정보는 총 4개로 구성되어 있다. 그중에서도 info는 함수형 오브젝트로서 함수의 내용으로는 retrun this라고 되어 있다. 여기서의 this의 의미는 student 자체를 나타내며, 현재 student 전체가 담고 있는 모든 요소 정보를 오브젝트 타입으로 리턴한다. 즉 this는 처음에도 말했듯이 자신이 속한 객체를 참조한다. - 예제 2. Hello World ​ 이벤트에서도 this를 활용할 수 있다. 해당 코드..

• format_list_bulleted WEB/JavaScript
• · 2021. 4. 13.
• textsms