this关键字

oliverhuang 发布于2019-08-23 11:27 / 1776人阅读

摘要：关键字关键字是什么关键字是中最复杂的机制之一。它是一个很特别的关键字，被定义在所有函数的作用域中。可以把这条规则看作是无法应用其他规则时的默认规则。取决于函数调用的位置注意事项避免多层避免数组方法中的避免回调函数中的

this关键字 this关键字是什么

this关键字是JavaScript中最复杂的机制之一。它是一个很特别的关键字，被定义在所有函数的作用域中。但是即使是非常有经验的JavaScript开发者也很难说清它到底指向什么。
1.this被定义在所有函数的作用域中
2.this指向哪个对象不取决于this被定义在哪里，而是取决于调用的位置

//定义一个全局变量
var v = 10;
//this经常被定义在函数的作用域中
function fn(){
    //this 总是要返回一个对象
    console .log(this . v);
}
fn();

绑定规则 默认绑定

在一个函数体中使用this，当该函数被独立调用。可以把这条规则看作是无法应用其他规则时的默认规则。

function foo(){
   console .log(this .a);
}
var a=2;
foo();//2

隐式绑定

隐式绑定的规则需要考虑的是调用位置是否有上下文对象，或者说是否被某个对象拥有或者包含。

function foo(){
    console .log(this.a);
}
var obj = {
  a:2,
  foo:foo
};
obj.foo();//2

隐式绑定丢失

隐式绑定丢失是最常见的this绑定问题，指的就是被隐式绑定的函数会丢失绑定对象，也就是说它会应用默认绑定，从而把this绑定到全局对象。

// 定义一个全局变量
var v = 100;
// 定义一个函数
function fn(){
    console.log(this.v);
}
// 定义一个对象
var obj = {
    v : 200,
    f : fn // 对象的f()方法指向fn()函数
}
// 定义一个全局变量，并被赋值为对象obj的f()方法
var fun = obj.f;
// 将fun作为一个函数进行调用
fun();

显示绑定

显示绑定就是明确在调用时，this所绑定的对象。JavaScript中提供了apply（）方法和call（）方法实现，这两个方法的第一个参数接收是一个对象，会把这个对象绑定到this，接着在调用函数时指定这个this

// 定义一个全局变量
var v = 100;
// 定义一个函数
function fn(){
    console.log(this.v);
}
// 定义一个对象
var obj = {
    v : 200,
    f : fn // 对象的f()方法指向fn()函数
}
// 定义一个全局变量，并被赋值为对象obj的f()方法
var fun = obj.f;
// 将fun作为一个函数进行调用
fun.apply(obj);

new绑定

1.创建（或者说构造）一个全新的对象
2.这个新对象会绑定到函数调用的this
3.如果函数没有返回其他对象，那么new表达式中的函数调用会自动返回这个新对象。

function Hero(name){
    this.name = name;
}
// this取决于函数调用的位置
var hero1 = new Hero("hhh");

var hero2 = new Hero("xxx");

注意事项

1.避免多层this
2.避免数组方法中的this
3.避免回调函数中的this

私有云 GPU服务器 jsp关键字this this[] this _this

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/96986.html

详解js和jquery里的this关键字

摘要：出于这个原因，该函数返回的，所以在这里指的是，所以返回的是第一个说明关键字通常在对象的构造函数中使用，用来引用对象。重写无法重写，因为它是一个关键字。结论，表示当前的上下文对象是一个对象，可以调用对象所拥有的属性，方法。在《javaScript语言精粹》这本书中，把 this 出现的场景分为四类，简单的说就是：有对象就指向调用对象没调用对象就指向全局对象用new构造就指向新对...

LoftySoul 2019-08-21 12:28 评论0 收藏0
this关键字

摘要：关键字关键字是什么关键字是中最复杂的机制之一。它是一个很特别的关键字，被定义在所有函数的作用域中。可以把这条规则看作是无法应用其他规则时的默认规则。取决于函数调用的位置注意事项避免多层避免数组方法中的避免回调函数中的 this关键字 this关键字是什么 this关键字是JavaScript中最复杂的机制之一。它是一个很特别的关键字，被定义在所有函数的作用域中。但是即使是非常有经验的J...

cucumber 2019-08-23 11:25 评论0 收藏0
如何理解JavaScript的this关键字

摘要：原文链接参考深入理解原型和闭包完结王福朋博客园中的作用域详解博客园前言王福朋老师的 JavaScript原型和闭包系列文章看了不下三遍了，最为一个初学者，每次看的时候都会有一种大彻大悟的感觉，而看完之后却总是一脸懵逼。原型与闭包可以说是 JavaScirpt 中理解起来最难的部分了，当然，我也只是了解到了一些皮毛，对于 JavaScript OOP 更是缺乏经验。这里我想总...

Yangder 2019-08-23 12:03 评论0 收藏0
JS 中 this 关键字详解

摘要：首先，必须搞清楚在里面，函数的几种调用方式普通函数调用作为方法来调用作为构造函数来调用使用方法来调用方法箭头函数但是不管函数是按哪种方法来调用的，请记住一点谁调用这个函数或方法关键字就指向谁。本文主要解释在JS里面this关键字的指向问题(在浏览器环境下)。首先，必须搞清楚在JS里面，函数的几种调用方式: 普通函数调用作为方法来调用作为构造函数来调用使用apply/call...

zoomdong 2019-08-21 10:36 评论0 收藏0
学习js中的'this'关键字

　　在JavaScript中‘this’关键字是一个非常重要的概念，我们虽然知道它重要，但它也十分的晦涩难懂，也给我们学习造成不小的困扰。　　什么是'this'关键字　　'this'关键字是为每个执行上下文(每个函数)创建的一个特殊变量；所以一般来说，在使用'this'关键字的函数中，'this'永远是取其所有者的值。总结一句话是该函...

3403771864 2022-10-23 14:17 评论0 收藏0