javascript的this关键字的理解

网上的博客和文章关于this指针的有很多，但是每篇文章都是作者自己的心得和理解，其他人理解起来会有偏差，正如岳肃蔡子峰二人根据正本葵花宝典以及自己的理解默写出葵花宝典的残本、林远图根据残本与少林修为写出辟邪剑谱，所以要得到自己的理解就要看正本的“葵花宝典”，我所看的就是猫头鹰书cody lindley所写的《JavaScript启示录》。

this值会被传递给所有函数，其值基于运行时调用函数的上下文，而不是它所定义的位置。例子如下：

var slm={
<span style="white-space:pre"> </span>name:"mumu",
<span style="white-space:pre"> </span>age:24,
<span style="white-space:pre"> </span>sex:"male",
<span style="white-space:pre"> </span>showName:function(){
<span style="white-space:pre">     </span>console.log(this.name);
<span style="white-space:pre"> </span>}
}
var slm2={
<span style="white-space:pre"> </span>name:"mumu2",
<span style="white-space:pre"> </span>age:24,
<span style="white-space:pre"> </span>sex:"male",
<span style="white-space:pre"> </span>showName:slm.showName
}
slm2.showName();//mumu2

如果一个函数里没有调用的对象，那么this默认为全局变量window

var  name="mumu";
function showName(){
<span style="white-space:pre"> </span>console.log(this.name);
}
showName();//mumu

当this值的宿主函数被封装在另一个函数的内部或另一个函数的上下文中被调用时，this的值将永远是对window对象的引用。

例子就如阮一峰的关于闭包问题的思考题，如下：

var name = "The Window";var object = {name : "My Object",getNameFunc : function(){return function(){return this.name;};}};alert(object.getNameFunc()());//The Window

var name = "slm";var obj1= {name: "mumu",showName: function(){alert(this.name);}
};var obj2 = {name: "handsome_mumu",showName: function(){var show = obj1.showName;show();}
};obj2.showName();　　//slm

解决以上问题方法就是在父函数使用作用域链保留对this的引用，使this不丢失。

var slm={name:"slm",age:24,sex:"male",show:function(){var that=this;var showme=function (){  console.log(that.name);
<span style="white-space:pre"> </span>}();}
}

还有就是使用call()、apply()、bind()函数定义this的作用域。

javascript的this关键字的理解相关推荐

对于JavaScript中this关键字的理解
这是我第二遍学this了,第一遍学的懵懵的.this指哪里都是凭我一个男人的直觉然后控制台输出看看对不对. 刚查了书.博客.视频.理解差不多了.毕竟菜鸡me: 一.首先介绍下什么是this this是 ...
深入理解Javascript之this关键字
http://www.laruence.com/2009/09/08/1076.html 08 Sep 09 深入理解Javascript之this关键字作者: Laruence( ) 本文地址 ...
javascript：this 关键字
前言看过[阮一峰]()的关于 this 的教程,讲了很多比较好的例子,但没有对其本质的东西解释清楚,而且部分例证存在问题:于是,打算重写本章节,从this的本质入手: 本文为作者的原创作品,转载需注 ...
php中this的使用技巧,JavaScript中this关键字使用方法详解
JavaScript中this关键字使用方法详解在面向对象编程语言中,对于this关键字我们是非常熟悉的.比如C++.C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了 ...
JavaScript中this关键字的使用比较
JavaScript中this关键字的使用比较 this关键字在JavaScript中,用的不能说比较多,而是非常多.那么熟悉this关键字的各种用法则显得非常关键. this有时候就是我们经常说的上 ...
C++中关键字的理解--Static
C++中关键字的理解---Static 目录:1.static缘起 2.static自我理解 3.static举例使用 4 ...
java static关键字_好程序员Java教程分享static关键字的理解
好程序员Java教程分享static关键字的理解,static关键字含义可以理解为静态的. 1. 当其修饰属性时,该属性为整个类公有,所有的对象操作的都是同一个静态属性.所以调用时应该使用类名去调用, ...
深入解析Javascript中this关键字的使用
深入解析Javascript中面向对象编程中的this关键字在Javascript中this关键字代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.比如: function TestFun ...
java with关键字_[Java教程]javascript 里面 with 关键字
[Java教程]javascript 里面 with 关键字 0 2016-02-18 11:00:02 1.with的基本概念 with语句的作用是将代码的作用域设置到一个特定的作用域中,目的是为了 ...

javascript的this关键字的理解

javascript的this关键字的理解相关推荐

最新文章

热门文章