JS中this的用法

本文实例讲述了JS函数this的用法。分享给你们供你们参考。具体以下：
在js中写函数时，不少用到this. this到底是什么,this是个关键字，是个指针，指向执行环境做用域，也称之为上下文。
先说下函数吧，我的理解是函数是在语言中重复调用的代码块.
在JS里，把函数赋值给对象的属性时，称之为方法
如：

var m={};
m.title='title';
m.show=function(){
alert(this.title)
}
m.show()
就是把函数做为对象m的方法来调用
这样的话，this指向的就是m这个对象.
直接调函数名的叫函数：

var a=1212;
function show(){
alert(a)//1212
}
show()// 1212
在全局环境里，能够把全局变量理解为window的属性，全局函数为window的方法
看下面的例子：

var m ={};
m.id='mmm';
m.show=function(){
alert(this.id);
}
var a={};
a.id='aaa';
a.show=m.show;
a.show(); //aaa

a.show=m.show; 先理解这句话，由于函数是个对象，
m.show=function(){
alert(this.id)
}
这表达式至关于a.show 与m.show同时引用指向

function(){
alert(this.id)
}
其实至关于

a.show=function(){
alert(this.id)
}
因此调用a.show()时，this指向的是a对象,
再看如下一个栗子

var m ={};
m.id='mmm'
m.show=function(){
alert(this.id)
}
var a={}
a.id='aaa'
a.show=function(){
m.show()
};
a.show(); //mmm
因此调用a.show()时，至关于调用了m.show()的方法,因此this.指向的是m对象。
再看如下一个例子，一开始仍是不很懂

var color='red';
var app = {};
app.color="green";
app.paint=function(node){
node.style.color=this.color;
alert(this.color);
}
function findNode(callback){
var btn =document.querySelector('.btn');
callback(btn);//传进来，
}
findNode(app.paint);
alert(this.color); //red 而不是green
函数传参时，是按值传参的，而不是引用
因此findNode(app.paint);传进来时，实际上是

function(node){
node.style.color=this.color;
alert(this.color);
}
的引用,又由于findNode是全局定义的，因此this指向WINDOW OR UNDEFINED;
关于传参，按值传递过去的

function show(a){
alert(a)
}
参数为基本数据类型时好理解

var b=10;
show(b)//alert(10);
至于对象

var c ={};
c.prop=true;
var showProp=function(obj){
obj.prop=false
}
showProp(c); //c.prop = false
有些人以为是上面例子是按引用传参
其实上面仍是按值传参,showProp(c)把c传进函数里时，c其实至关于一个引用, 函数里对obj.prop=false,至关于对引用的对象 改为{prop:false}
再看下面一例子

var c ={};c.prop=true;var showProp=function(obj){ obj = new Object(); obj.prop=false return obj;}showProp(c);alert(c.prop); //true这里明明把传入obj修改了，若是按照函数按引用传参，函数里面的修改确定会反映到外部但愿本文所述对你们的javascript程序设计有所帮助。