腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

軟件下載

android MAC 驅(qū)動(dòng)下載字體下載 DLL

源碼下載

PHP ASP.NET ASP JSP

軟件編程

C# JAVA C 語言 Delphi Android

網(wǎng)絡(luò)編程

PHP ASP.NET ASP JavaScript

在線工具

CSS格式化 JS格式化 Html轉(zhuǎn)化為Js

數(shù)據(jù)庫

MYSQL MSSQL oracle DB2 MARIADB

CMS

PHPCMS DEDECMS 帝國(guó)CMS WordPress

常用工具

PHP開發(fā)工具 python Photoshop 必備軟件

你必須知道的Javascript知識(shí)點(diǎn)之"this指針"的應(yīng)用

更新時(shí)間：2013年04月23日 09:47:32 作者：

本篇文章小編為大家介紹，你必須知道的Javascript知識(shí)點(diǎn)之"this指針"的應(yīng)用。需要的朋友參考下

很多人都知道this指針，這篇文章的主要目的是為了培訓(xùn)我們公司的新人。
默認(rèn)的this指針指向
規(guī)則1
this指針默認(rèn)指向方法調(diào)用時(shí)為其指定的對(duì)象，如：obj.fun()，fun方法體中的this指針指向obj。

復(fù)制代碼代碼如下:

var user = { name: '段光偉' };
user.getName = function(){ return this.name; };
user.getName();  //返回‘段光偉'

復(fù)制代碼代碼如下:

var user = { name: '段光偉' };
 user.getName = function(){ return this.name; };
 user.getName();  //返回‘段光偉'

 window.name = '李妞妞';
 window.getName = user.getName
 window.getName();  //返回‘李妞妞'
 getName();  //返回‘李妞妞'

規(guī)則2
如果在方法調(diào)用時(shí)沒有為方法指定對(duì)象則this指針默認(rèn)指向window，如：fun()，fun方法體中的this指針指向window。

復(fù)制代碼代碼如下:

var fun = function(){
   return this;
 }
 fun();  //返回window對(duì)象

規(guī)則3沒有在方法體中的代碼可以看作執(zhí)行在一個(gè)匿名方法，根據(jù)規(guī)則2可以推論出其this指針指向window。

this //window對(duì)象
改變this指針的默認(rèn)指向
使用apply

復(fù)制代碼代碼如下:

var user = { name: '段光偉' };
 user.hi= function(message){ return this.name+':'+message; };
 window.name = '李妞妞'
 user.hi('你好');  //輸出‘段光偉:你好'
 user.hi.apply(window, ['你好']);  //輸出‘李妞妞:你好'

使用call

復(fù)制代碼代碼如下:

var user = { name: '段光偉' };
 user.hi= function(message){ return this.name+':'+message; };
 window.name = '李妞妞'
 user.hi('你好');  //輸出‘段光偉:你好'
 user.hi.call(window, '你好');  //輸出‘李妞妞:你好'

構(gòu)造函數(shù)中的this指向
構(gòu)造函數(shù)中的this指針默認(rèn)指向執(zhí)行正在構(gòu)造的對(duì)象。

復(fù)制代碼代碼如下:

var User = function(name){
    this.name = name;
 };
 User.prototype.hi = function(){
    return this.name;
 };
 var user = new User('段光偉');
 user.hi();  //輸出‘段光偉'

最后的小測(cè)試
猜猜最后的輸出時(shí)什么？

復(fù)制代碼代碼如下:

var User = function(name){
     this.name = name;
  };
  User.prototype.hi = function(){
     return this.name;
  };
  var user = new User('段光偉');
  user.hi();  //輸出‘段光偉'

 var hi = user.hi;

 hi();  //猜猜這里的輸出

您可能感興趣的文章: