this,this,再次讨论javascript中的this,超全面(经典)

JavaScript中的this概念，虽然看似简单，实则蕴含着丰富的内涵。许多初学者可能会觉得它难以理解，甚至觉得它有些复杂。理解和掌握this关键字在JavaScript中的应用，是迈向JavaScript语言门槛的重要一步。

要明确的是，this并不是变量，也不是属性，它不能被直接赋值。它的作用是指向调用它的对象。在不同的情境下，this的指向会有所不同。

在全局作用域或者单独执行函数时，this通常指向全局对象，例如在浏览器中，这个全局对象就是window。当你执行`alert(this)`时，弹出的往往是"object window"，因为此时调用它的对象是window。同样，当在函数内部使用`alert(this === window)`时，结果也会是'true'，因为函数内的this仍然指向window。

当使用new关键字创建新的对象时，情况会有所不同。this将指向新创建的对象。这是因为new关键字在创建一个新的对象后，会调用该对象的构造函数。在构造函数中，this不再指向window，而是指向新创建的对象。这就是为什么在执行`new test()`时，`alert(this === window)`会弹出'false'。

进一步来说，在对象的方法中，this将指向调用该方法的对象。例如，在一个包含属性和方法的对象内，当调用其方法时，this将指向该对象。在`var test = {'a':1,'b':function(){ alert(this === test) }}`中，当执行`test.b()`时，弹出的将是'true'，因为此时this指向了test对象。

掌握这些基本的规则后，我们就可以更灵活地运用this关键字。在面向对象编程中，this的应用更是广泛。可以说，只有真正理解了this的指向问题，才算迈入了JavaScript这门语言的门槛。对于想要深入学习JavaScript的开发者来说，理解和掌握this关键字是非常必要的。5、关于对象引用的理解

让我们理解一下这段代码的核心内容。你创建了一个名为`test`的对象，其中包含一个属性`a`和一个方法`b`。当你将`test`赋值给`test1`时，其实你是创建了另一个指向同一块内存地址的引用。当你调用`test1.b()`时，弹出框中的信息应该是“true”，因为它们指向的是同一个对象。换句话说，你可以将这种情况理解为两个名称指向同一份数据或对象。这与狼蚁网站SEO优化的代码示例是一致的。

6、关于对象内部结构的理解

接下来的代码中，你创建了一个嵌套的对象结构。当调用`test.b.b1()`时，很多人可能会误以为此时的`this`指向的是整个`test`对象。但实际上，由于方法的调用是从`test.b`开始的，所以此时的`this`指向的是`test`中的子对象`b`。再次强调，调用链决定了`this`的指向。当你执行这段代码时，弹出的信息应该是“true”，因为你正确地理解了`this`的指向是调用它的上下文对象。

7、关于函数内部与外部的作用域理解

最后一个例子中，你创建了一个函数`test`并在其中定义了一个内部函数`innerTest`。很多人可能会认为在调用内部函数时，由于它是在外部函数内部被调用的，所以内部的`this`应该指向外部函数。但实际上，这里的`this`并不指向外部函数，而是指向调用该内部函数的上下文或全局对象（在大多数浏览器中通常是全局的window对象）。当你执行这段代码时，弹出的信息应该是指向全局对象的引用地址，而不是外部函数本身。如果你希望内部的函数引用外部的函数实例，你可能需要通过参数传递或其他方式来确保正确的上下文引用。

关于函数调用中的'this'指向问题

当我们JavaScript中的函数调用时，经常会被一个神秘的词汇所吸引——'this'。它的指向总是令人费解，但在特定的上下文环境中，其意义却又如此清晰。让我们揭开这个神秘的面纱。

不论你如何调用函数，其背后都是'window'对象在默默支持。即使在复杂的嵌套调用中，那个发出指令的始终是'window'对象。让我以一段代码为例：

```javascript

var test = function() {

var innerTest = function() {

alert(this === window); // 弹出true

var innerTest1 = function() {

alert(this === window); // 再次弹出true

};

innerTest1();

};

innerTest();

};

test();

```

接下来，让我们深入另一个话题——对象方法的调用。当我们使用`apply`方法调用一个对象的方法时，我们可以指定`this`的值。例如：

```javascript

var test = function() {

alert(this === someObject); // 弹出true或false，取决于someObject的实际值

};

var test1 = {}; // 一个空对象

test.apply(test1); // 此时this指向test1对象

```

再来说说原型继承。不同于字面量的继承方式，原型继承为我们提供了一种更为灵活的方式来实现对象间的继承关系。看下面的例子：

```javascript

var test = function() {};

var my = function() {

this.a = function() {

alert(this === mytest2); // 根据mytest2的实际值弹出true或false

};

};

var mytest = new my();

test.prototype = mytest;

var mytest2 = new test();

mytest2.a(); // 此时this指向mytest2对象

```

让我们看看与DOM对象相关的函数调用。在事件处理函数中，我们经常使用`this`来引用触发事件的DOM元素。例如：

```html

```了解这些之后，我们在处理JavaScript中的函数调用时，对于'this'的指向就应该有了清晰的认识。那么在实际编程过程中，合理利用'this'，可以使我们的代码更加灵活和高效。希望这些示例能够帮助大家理解JavaScript中的'this'究竟代表什么。