js中this用法實(shí)例詳解

更新時(shí)間：2015年05月05日 11:33:09 作者：yuan001

這篇文章主要介紹了js中this用法,實(shí)例分析了this指向windows、指向?qū)ο蠹案淖僼his指向的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了js中this用法。分享給大家供大家參考。具體如下：

1. 指向window

全局變量

alert(this) //返回 [object Window]

全局函數(shù)

function sayHello(){
  alert(this);
}
sayHello();

2. 指向該對(duì)象（在全局里面this指向window,在某個(gè)對(duì)象里面this指向該對(duì)象，在閉包里面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 對(duì)象冒充（這里的this指向box對(duì)象）

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來(lái)執(zhí)行
}
console.log(box(10,10)); //20

4. new 對(duì)象

function Person(){
   console.log(this) //將 this 指向一個(gè)新建的空對(duì)象
}
var p = new Person();

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

js
this

相關(guān)文章

詳解JavaScript中ora庫(kù)的使用教程
使用 ora 這個(gè) JavaScript 庫(kù)可以在命令行應(yīng)用程序中提供漂亮的加載狀態(tài)提示,本文詳細(xì)介紹如何使用該庫(kù),希望對(duì)大家有一定的幫助
2024-02-02
JSONP解決同源策略限制引起跨域問題原理
這篇文章主要為大家介紹了JSONP解決同源策略限制引起跨域問題原理解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-08-08
微信小程序中遇到的iOS兼容性問題小結(jié)
這篇文章主要給大家介紹了關(guān)于微信小程序中遇到的一些iOS兼容性問題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2018-11-11
關(guān)于List.ToArray()方法的效率測(cè)試
這篇文章主要介紹了關(guān)于List.ToArray()方法的效率測(cè)試的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-09-09
JS遠(yuǎn)程獲取網(wǎng)頁(yè)源代碼實(shí)例
獲取網(wǎng)頁(yè)源代碼的方法有很多，本文為大家介紹下使用JS是如何做到的，感興趣的朋友可以學(xué)習(xí)下哦
2013-09-09
BOM系列第二篇之定時(shí)器requestAnimationFrame
這篇文章主要介紹了BOM系列第二篇之定時(shí)器requestAnimationFrame 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-08-08
在Webpack中配置別名路徑的全過(guò)程
在大型前端項(xiàng)目中,模塊路徑往往很長(zhǎng)且復(fù)雜,使用相對(duì)路徑不僅降低了代碼可讀性,還增加了維護(hù)成本,Webpack提供了配置別名路徑的功能,可以通過(guò)為常用目錄定義簡(jiǎn)短的別名,簡(jiǎn)化模塊導(dǎo)入路徑,本文將詳細(xì)介紹如何在Webpack中配置別名路徑,需要的朋友可以參考下
2025-03-03
JS函數(shù)節(jié)流和防抖之間的區(qū)分和實(shí)現(xiàn)詳解
本文主要介紹的是關(guān)于JS中比較常用的函數(shù)：節(jié)流函數(shù)和防抖函數(shù)，從概念、使用場(chǎng)景到代碼簡(jiǎn)單實(shí)現(xiàn)做了一個(gè)詳細(xì)的區(qū)分。感興趣的小伙伴們可以參考一下
2019-01-01
JavaScript中使用Substring刪除字符串最后一個(gè)字符
刪除字符串最后一個(gè)字符的方法有很多，在本文將為大家介紹下js中的substring是如何做到的，需要的朋友可以參考下
2013-11-11
理解JavaScript的caller,callee,call,apply
文章挺好的，雖然我用的是jQuery，但感覺還是有些用的～～～
2009-04-04