首頁  >  文章  >  web前端  >  js中this的用法實例分析_javascript技巧

js中this的用法實例分析_javascript技巧

WBOY
WBOY原創
2016-05-16 16:21:011053瀏覽

本文實例分析了js中this的用法。分享給大家供大家參考。具體分析如下:

實例1:第一種呼叫this的方法-以函數形式呼叫。它代表全域物件window

複製程式碼 程式碼如下:

實例2:第二種呼叫this的方法-以物件屬性的形式呼叫。它代表該對象。實例中onclick為p元素物件的屬性
複製程式碼 程式碼如下:





abcd




實例3:第三種呼叫this的方法-以建構器的方式呼叫。
複製程式碼 程式碼如下:

說明:
(1)如果直接調用dog()函數,而不是以創建物件的方式調用,則相當於第一種調用了,即this代表著全域物件window。
(2)js中沒有類別的概念,但是有物件的概念;
(3)物件的創建可以採用var = objName{name:'abc',age:40}這種方式創建,也可以透過建構子來建立;
(4)什麼是建構子:當一個普通函數以「new 函數名()」的方式呼叫時,此函數就充當建構子。

實例4:第四種呼叫this的方法-call和apply方式

複製程式碼 程式碼如下:





hello world



希望本文所述對大家的javascript程式設計有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn