js中this用法實例詳解
本文實例講述了js中this用法。分享給大家供大家參考。具體如下:
1. 指向window
全局變量
alert(this) //返回 [object Window]
全局函數(shù)
function sayHello(){ alert(this); } sayHello();
2. 指向該對象(在全局里面this指向window,在某個對象里面this指向該對象,在閉包里面this指向window)
var user="the Window"; var box={ user:'the box', getThis:function(){ return this.user; }, getThis2:function(){ return function (){ return this.user; } } }; alert(this.user);//the Window alert(box.getThis());//the box alert(box.getThis2()()); //the Window (由于使用了閉包,這里的this指向window) alert(box.getThis2().call(box)); //the box 對象冒充(這里的this指向box對象)
3. 用apply,call改變函數(shù)的this指向
function sum(num1, num2){ return num1+num2; } function box(num1, num2){ return sum.apply(this, [num1, num2]); //this 表示window的作用域 box冒充sum來執(zhí)行 } console.log(box(10,10)); //20
4. new 對象
function Person(){ console.log(this) //將 this 指向一個新建的空對象 } var p = new Person();
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
js遍歷、動態(tài)的添加數(shù)據(jù)的小例子
js遍歷、動態(tài)的添加數(shù)據(jù)的小例子,需要的朋友可以參考一下2013-06-06如何在父窗口中得知window.open()出的子窗口關(guān)閉事件
在父窗口中得知window.open()出的子窗口關(guān)閉事件的方法有很多,在本文將為大家詳細介紹下,感興趣的朋友可以參考下2013-10-10JavaScript實現(xiàn)表單注冊、表單驗證、運算符功能
在本篇文章里我們給大家整理了關(guān)于JavaScript中表單注冊、表單驗證、運算符的代碼示例,有興趣的朋友們可以測試學習下。2018-10-10JavaScript判斷一個變量是否是數(shù)組的五種方式總結(jié)
在 JavaScript 編程中,我們經(jīng)常需要對不同類型的變量進行判斷和處理,其中,判斷一個變量是否是數(shù)組是一項基本且常見的任務(wù),在本篇博客中,我們將介紹幾種常用的方式來判斷一個變量是否是數(shù)組,并探討它們的優(yōu)缺點以及適用場景,需要的朋友可以參考下2023-11-11關(guān)于JavaScript對象的動態(tài)選擇及遍歷對象
本文為大家介紹下JavaScript對象的兩點:動態(tài)選擇方法及屬性、遍歷對象屬性和方法,需要的朋友可以參考下2014-03-03JavaScript中防抖和節(jié)流的實戰(zhàn)應(yīng)用記錄
防抖與節(jié)流都是用來限制用戶頻發(fā)觸發(fā)事件的機制,下面這篇文章主要給大家介紹了關(guān)于JavaScript中防抖和節(jié)流的實戰(zhàn)應(yīng)用,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-04-04javascript實現(xiàn)依次輸入input自動定焦
這篇文章主要介紹了javascript實現(xiàn)依次輸入input自動定焦的方法及示例代碼,非常實用,這里推薦給小伙伴們2014-12-12