[TIL] JS Study

권기현·2020년 2월 20일
0

1. bind( )

bind :묶다, 엮다.


in. react...

render( ) 안에서 this 는 'render ( )' 가 속한 'component' 그 자신을 가르킨다.

그런데,

function( ) {
	console.log({this.name}).bind(this)

에서 bind() 를 지우면 함수에서의 this 는 아무값도 아닌 것이 된다.

하지만,

arrow function으로 쓸 경우에는

bind(this)

를 써줘야할 의무가 사라진다.


in. another case...

ex) obj를 this로 불러오려고 하는 경우,

var obj = { };

function bindTest( ) {
	console.log( {this.name})
}

여기에서는 "this" 가 "object"가 될 이유가 당연히 없다. 고로 "obj"의 프로퍼티를 불러올 수 없다.

하지만 ,

var obj = { };

function bindTest( ) {
	console.log( {this.name})
}.this(obj)

이렇게 하면 "obj" 를 "function" 에서 "this" 로 사용할 수 있게 한다.


즉, bind( this로 쓰고 싶은 것!) => 이렇게 function의 block 안에 this를 쓰고 싶은 것을 주입한다! 라고 생각할 수 있다.



`

# 2. sass
ㄴㅇㄹㅇㄴ

ㄹ
ㄴㅇㄹ
ㅇㄹ
ㄹ
ㄴㅇㄹ
ㄴㅇㄹ
ㄴㅇㄹ
ㄴㅇㄹ
ㄴㅇㄹ
ㅇ

3. destructuring(비구조화 할당)

4. export 시 default 유무에 따른 차이

profile
함께 일하고 싶은 개발자를 목표로 매일을 노력하고, 옷을 좋아하는 권기현 입니다.

0개의 댓글