# 3. this 與 bind call apply ### 1. this javascript的頂級作用域是window, 全局變量是window的屬性，函數是window的方法 this的指向： 1. 在事件中，this指向正在執行事情的當前對象 2. 在方法中，誰調用方法，this指向誰 ```js var a= 10; //window.a=10 function b(){ console.log(this.a); } b(); //window.b(); //console.log(window.a) ``` ### 2. bind() 方法 原理：bind() 會改變函數執行的上下文(作用域)，改變的是函數本身，不會立即執行 例如： ```js var name = "xu"; var obj = { name: 'objname' } function getName() { console.log(this.name); }; getName() // 此時會打印 'xu' ``` 使用 bind() 方法 ```js var name = "xu"; var obj = { name: 'objname' } function getName() { console.log(this.name); }; var change = getName.bind(obj); change(); // 此時會打印 'objname' ``` ### 3. call() 方法 原理：call() 方法在函數執行時改變函數的作用域，傳遞的參數為(this指向，函數本身接受參數值) 例如： ```js var [a, b] = [10, 20]; // 解構賦值 var obj = { a: 100, b: 200 } function add(a, b) { console.log(this.a + this.b); } add(a, b); // 30 add.call(obj, a, b); // 300 ``` ### 4. apply 原理：apply 與 call 的區別僅在于傳遞給函數的參數為數組形式。如： ```js add.apply(obj, [a, b]); // 300 ```