码迷,mamicode.com
首页 > Web开发 > 详细

JS中this关键字

时间:2016-07-21 12:38:36      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:

this是javascript的一个关键字,随着函数使用场合不同,this的值会发生变化。但是总有一个原则,那就是this指的是调用函数的那个对象。


1.全局代码中的this

alert(this);//window

this指向全局对象。


2.作为单纯的函数调用

function fooCoder(x) {
    this.x = x;
}
fooCoder(2);
alert(x);// 全局变量x值为2

this指向全局对象,即window。在严格模式中,则是undefined。


3.作为对象的方法调用

var name = "clever coder";
var person = {
    name : "foocoder",
    hello : function(sth){
        console.log(this.name + " says " + sth);
    }
}
person.hello("hello world");//foocoder says hello world

this指向person对象,即当前对象。


4.作为构造函数

new FooCoder();

this指向新创建的对象。


5.内部函数

var name = "clever coder";
var person = {
    name : "foocoder",
    hello : function(sth){
        var sayhello = function(sth) {
            console.log(this.name + " says " + sth);
        };
        sayhello(sth);
    }
}
person.hello("hello world");//clever coder says hello world

在内部函数中,this没有按预想的绑定到外层函数对象上,而是绑定到了全局对象。


6.使用call和apply设置this

person.hello.call(person, "world");//apply和call类似,只是后面的参数是通过一个数组传入,而不是分开传入

两者都是将某个函数绑定到某个具体对象上使用,自然此时的this会被显式的设置为第一个参数。

JS中this关键字

标签:

原文地址:http://www.cnblogs.com/zhweb/p/5691292.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!