ES5에서 this 바인딩

<script>
    /**
     * this 
     *  ， this window ， apply、cal、bind this
     */
    var obj = {name:'tom'};
    function say(data){
        console.log(this,data);
    }
    say('111');//Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, frames: Window, …} "111"
    say.apply(obj,['111']);//{name: "tom"} "111"
    say.call(obj,'111');//{name: "tom"} "111"
    say.bind(obj,'111')();//{name: "tom"} "111"

    console.log(say.bind(obj,'111'));//f say(data){console.log(this,data);}
    // bind ，
    setTimeout(function(){
        console.log(this);
    },1000);//Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, frames: Window, …}
    setTimeout(function(){
        console.log(this);
    }.bind(obj),1000);//{name: "tom"}
</script>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

div 수평 수직으로 당신을 맞추는 몇 가지 방식을 실현합니다

1. 첫 번째 부모div 높이 너비 고정, 상대적 포지셔닝;하위 div 높이 너비 고정, 절대 포지셔닝.top:50% 사용하기;left:50%;margin-left:-200px;margin-top:-150px;수평 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

ES5에서 this 바인딩

ES5에서 this 바인딩

좋은 웹페이지 즐겨찾기