javascript 中 this究竟指向的谁

wums 发布于2019-08-21 11:17 / 922人阅读

摘要：简单的总结一下中的几种指向这个不用说，直接在最外面引用直接指向的是对象，中声明的全局变量都会挂载到上。闭包就是能够读取其他函数内部变量的函数。

简单的总结一下js 中this的几种指向

   var name = "Jansen";
   console.log(this.name); //Jansen

这个不用说，直接在最外面引用this,this直接指向的是window对象，js中声明的全局变量都会挂载到window上。

var name = "Jansen";
function getName(){
    console.log(this.name);
}
getName();

这个其实也是一样的，调用了函数，依然去找this.name属性，跑到了window那里去找了

var obj1 = {
    name:"test",
    myFun:function(){
        console.log(this.name);
    }
}
obj1.myFun();//test

这里的this，直接指向obj1这个对象

var name = "Jansen";
function getName(name){
    this.name = name;
    console.log(this.name);
}
var obj2 = new getName("ops");
obj2.name // ops

这里的this通过new创建的对象，this指向的是obj2

var name = "Jansen";
var obj3={
name:"test"
}
function getName(){
console.log(this.name)
}
getName.apply(obj3)

这里通过apply的方式把this的指向从window换给了obj3

var name = "Window";
　　var object = {
　　　　name : "object",
　　　　getName : function(){
　　　　    console.log(this.name);
　　　　　　function backFn(){
　　　　　　　　console.log(this.name);
　　　　　　};
　　　　　　return backFn；
　　　　}
　　};

这里的第一块的this就是指向的object，但是存在了一个闭包的概念，所以backFn里的this,通过return重新挂回了window。

闭包就是能够读取其他函数内部变量的函数。

云服务器 GPU云服务器 javascript中this详解改变this指向 this的指向 javascript的this

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

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

【js基础】理清Object、Object.prototype、Function、Function.

摘要：上面这段代码一般被用来判断变量的类型，相信很多人都非常熟悉今天时用到上面这段代码，突然想到方法，为啥两者不一样呢的并不是自有属性，而是继承属性那究竟时继承的谁呢，或者换句话说，时由什么构造的呢为啥运行上面这段代码会提示原来执行等同于执行而且 Object.prototype.toString.call(something) 上面这段代码一般被用来判断变量的类型，相信很多人都非常熟悉今天...

z2xy 2019-08-21 17:50 评论0 收藏0
JavaScript学习之对象原型及继承

摘要：原型要掌握这三者之间的关系，通过代码例子记录一下自身属性的这里就是通过代码看一下做了什么默认情况下，将的所有属性包括继承的赋值给有什么东西呢自己的原型链，添加一个属性，用来指明对象的谁构造的自身全部属性，这边构建一个空对象原型，所以没有自有原型要掌握这三者之间的关系prototype，constructor,__proto__通过代码例子记录一下 function F() { ...

妤锋シ 2019-08-23 12:16 评论0 收藏0
我对JavaScript中this的一些理解

摘要：匿名函数的执行环境具有全局性，因此它的对象通常指向。如果对此有疑惑，可以看知乎上的答案知乎匿名函数的指向为什么是作为对象方法的调用，指向该对象当函数作为某个对象的方法调用时，就指这个函数所在的对象。因为日常工作中经常使用到this，而且在JavaScript中this的指向问题也很容易让人混淆一部分知识。这段时间翻阅了一些书籍也查阅了网上一些资料然后结合自己的经验，为了能让自...

focusj 2019-08-23 15:23 评论0 收藏0
使用React 应当注意的几个地方

摘要：都会造成错误，注意一定一定严格的用，所以我建议直接复制我的。因为用的话他会转义代码，写不写其实一个样。不可避免的，构建肯定是要用到的。这个时候一般用的是在外面保存然后里面调用第二个坑更隐蔽。目标人群献给熟悉基础的React语法的刚接触React的同学~ 如果你已经写过半年以上的React那也不用看了，毕竟我水平并不高 Whats React React 是一个不存在的网络公司Fac...

高璐 2019-08-19 17:11 评论0 收藏0
Javascript模式阅读笔记-1.函数模式

摘要：模式阅读笔记第一部分函数模式总的来说模式是一本力荐的进阶书书里面涉及了很多在学习过程中会碰到的坑然后提供了很不错的解决方法虽然很多人吐槽这本书的翻译但是糟糕的翻译还是无法掩盖这是一本好书的事实因此这里我会结合书上的知识和我的理解来写一些 Javascript模式阅读笔记-第一部分-函数模式总的来说,javascript模式是一本力荐的js进阶书,书里面涉及了很多在学习javascr...

PiscesYE 2019-08-22 10:50 评论0 收藏0