9-this

时间：2022-11-16 19:42:54

第九课 this

一、this基本概念

this是Javascript语言的一个关键字。在JavaScript中，this是动态绑定，或称为运行期绑定的。在不同的情况下，this指向各不相同。但是有一个总的原则，那就是this指的是，调用函数的那个对象。

1.全局范围内

当在全部范围内使用 this，它将会指向全局对象，在浏览器中，window 就是该全局对象。

2.函数调用

this指向全局对象，即windows

var name = 'Jeepeng';

function showName() {

    console.log(this.name);

 }

showName();

3.对象方法调用

在对象方法调用中this指向对象

var person = {

    name: 'Jeepeng',

    showName: function() {

        console.log(this.name);

    }

};

person.showName();

4.构造函数调用

在构造函数内部，this指向新创建的对象。

function Person(name) {

    this.name = name;

}

var person = new Person('Jeepeng');

console.log(person.name);

var person1 = Person(‘Lily’);

// 函数调用，this指向windows

JavaScript 中的构造函数很特殊，如果不使用 new 调用，则和普通函数一样。作为又一项约定俗成的准则，构造函数以大写字母开头，提醒调用者使用正确的方式调用。如果调用正确，this 绑定到新创建的对象上。

二、this可改变（重点）

1.使用apply或call调用

call和apply的作用是改变函数执行时的上下文，即改变函数运行时的this指向。二者的作用完全一样，区别只在于这两个函数接受的参数形式不同。

var person = {

    name: 'Jeepeng',

    showName: function() {

        console.log(this.name);

    }

};

var newPerson = {name: 'Lily'};

person.showName.call(newPerson);
function foo(a, b, c) {}

var bar = {};

foo.apply(bar, [1, 2, 3]);

// 数组将会被扩展，如下所示

foo.call(bar, 1, 2, 3);

// 传递到foo的参数是：a = 1, b = 2, c = 3

当使用 Function.prototype 上的 call 或者 apply 方法时，函数内的 this 将会被 显式设置为函数调用的第一个参数。

2.bind

bind与call很相似，不过bind的返回值是函数

var person = {

    name: 'Jeepeng',

    setName: function (name) {

        this.name = name;

    },

    showName: function() {

        console.log(this.name);

        (function() {

            this.setName('Lily');

        }.bind(this))();

    }

};

person.showName();

3.箭头函数

箭头函数并不绑定 this，arguments，super(ES6)，抑或 new.target(ES6)。所有涉及它们的引用，都会沿袭向上查找外层作用域链的方案来处理。

随机推荐

  1. c# 动态调用.net编写的webservices接口

    创建类WebServiceHelper: public class WebServiceHelper { #region 动态调用WebService动态调用地址 /// < summary&g ...

  2. Salesforce select字段的多少对性能影响巨大

    Salesforce select字段的多少对性能影响巨大,第1个是select 144个字段,第2个是select 5个字段, 性能相差了7倍 "select Id,IsDeleted,M ...

  3. WinForm关闭窗体彻底的退出方式

    //System.Environment.Exit(0); //Process.GetCurrentProcess().Kill(); //System.Threading.Thread.Curren ...

  4. python工厂方式创建list

    >>> l = list('sdfsdf') >>> l ['s', 'd', 'f', 's', 'd', 'f']

  5. pkill killall kill pidof

    http://blog.csdn.net/whycold/article/details/11771841  http://www.cnblogs.com/rsky/p/4886043.html ht ...

  6. JMeter基础

    转载自虫师-http://www.cnblogs.com/fnng/archive/2012/12/21/2828440.html JMeter 介绍: 一个非常优秀的开源的性能测试工具. 优点:你用 ...

  7. Creating your own header file in C

    终于跑起来了,含自定义 include .h 的c语言程序,超开心呀! header files contain prototypes for functions you define in a .c ...

  8. How To Add Swap on Ubuntu 14&period;04

    https://www.digitalocean.com/community/tutorials/how-to-add-swap-on-ubuntu-14-04 How To Add Swap on ...

  9. &lbrack;BZOJ&rsqb;1050 旅行comf&lpar;HAOI2006&rpar;

    图论一直是小C的弱项,相比其它题型,图论的花样通常会更多一点,套路也更难捉摸. Description 给你一个无向图,N(N<=500)个顶点, M(M<=5000)条边,每条边有一个权 ...

  10. C&num;设计模式（5）——建造者模式

    1.建造者模式介绍 在软件开发中,有时我们要创建一个复杂的对象,这个对象由几个子部件按一定的步骤组合而成,这时候我们就可以使用建造者模式了.说到建造者我们首先想到的是盖房子,盖房子简单的说有三个步骤: ...

相关文章