<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
document<
/title>
<
/head>
"li1"
>
1<
/li>
"li2"
>
2<
/li>
"li3"
>
3<
/li>
"li4"
>
4<
/li>
<
/ul>
//this 是js中,作用域中特有的內容 通常出現在函式內
//它是乙個引用型別的物件
//它與變數不同
//this不可以用等號去修改位址
//我們今後討論的this都是函式內的this
var li1 = document.
queryselector
("#li1");
var li2 = document.
queryselector
("#li2");
var li3 = document.
queryselector
("#li3");
var li4 = document.
queryselector
("#li4");
function
demo()
li1.
addeventlistener
('click'
,function()
) li1.
addeventlistener
('click'
, demo)
li2.
addeventlistener
('click'
, demo)
li3.
addeventlistener
('click'
, demo)
li4.
addeventlistener
('click'
, demo)
// obj.fun = demo;
//這個函式誰使用 this就指向誰 如果沒有明確的呼叫者 指向window
// demo(); //window
// obj.fun(); //fun
<
/script>
<
/body>
<
/html>
this的指向問題
對於js基礎不是很好的我,一直不太懂this的指向問題。要搞懂這個還是得多動手。首先,我們知道 1.函式被呼叫時可以確定該函式內this的指向。因為函式中的this和arguments時兩個特殊的變數,在函式被呼叫時才會取得他們,而搜尋著兩個變數時只會在活動變數中找。2.確定函式被呼叫的位置,從而確...
this的指向問題
function foo var a 1 foo const obj obj.foo const c new foo function a console.log a 箭頭函式是沒有this的,箭頭函式中的this只取決包裹箭頭函式的第乙個普通函式的this。在這個例子中,因為包裹箭頭函式的第乙個普...
this的指向問題
宣告 本文 追夢子 大大的文章 徹底理解js中this的指向,不必硬背。偶遇此文自我總結一下,受益良多 例1 function a a 注意函式是在什麼作用域中呼叫的 這個函式實在全域性作用域中呼叫所以this指向的是window 全域性中沒有user所以是undefineds 例2 var o o...