函數上下文的判斷
阿新 • • 發佈：2017-12-03
document 如果 cti tex -s 回調函數 itl charset ont
一、如果是函數名圓括號執行這個函數，函數的上下文就是window
<script type="text/javascript"> var a=100; function myfun(a,b,c,d){ console.log(this.a);//100 var a=200; console.log(this.a)//100 console.log(a); //200 } myfun(); </script>
提示：①一定要記住，誰才有this的屬性；是函數對象才有this屬性；
②狹義對象沒有函數的上下文之後
二、如果函數作為對象的方法，最後是某一個對象打點調用這個方法，函數的上下文就是這個對象
<script type="text/javascript"> var people={ ‘name‘:‘小明‘, ‘age‘ :18, ‘sex‘:‘男‘, ‘say‘:function(){ console.log(this); //people這個對象 console.log(this.age); //18 } } people.say(); </script>
註意：如果函數作為對象的方法，而且是某個函數最後打點調用，這個函數的上下文就是這個對象
三、如果函數作為定時器的回調函數 ,函數的上下文為window
<script type="text/javascript"> var a=100; setInterval(function(){ a++; console.log(this); console.log(this.a); },1000) </script>
四、如果函數作為事件的處理函數，函數的上下文就是這個，觸發這個事件的這個對象；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="text/css">
*{
margin:
提示：事件處理函數的上下文，當誰觸發這個事件，函數的上下文就是這個對象
五、如果函數作為數組的元素，函數通過數組枚舉出來圓括號執行，函數的上下文是這個數組
<script type="text/javascript"> var arr=[fn,1,2,3,4,5,6,7]; function fn(){ console.log(this); console.log(this.length); // console.log(arguments); } arr[0](); </script>
函數上下文的判斷