this指向的問題 初學

2021-10-23 19:17:43 字數 1404 閱讀 1342

<

!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...