当前位置: 首页 > news >正文

this指向了谁?

看函数在执行的时候是如何调用的,
 1 如果这个函数是用普通函数调用模式来进行调用,它内部的this指向了window;
 2 如果一个函数在调用的时候是通过对象方法模式来进行调用,则它内部的this就是我们的对象;
 3 如果一个函数在调用的时候通过构造函数模式调用,则它内部的this指向了生成的实例;
 4 如果这个函数是通过方法借用模式调用,则这个函数内部的this就是我们手动指定this

 

// 第1题
function Fn() {console.log(this);
}
Fn(); // window   普通函数调用模式
new Fn(); // {}   构造函数调用模式
Fn.apply(Fn); // Fn的函数体   方法借用模式// 第2题
var o = {f: function() {console.log(this);},2: function() {console.log(this);console.log(this.__proto__ === o[2].prototype);}
};
o.f(); // o   对象调用模式
o[2](); // o   对象调用模式
new o[2](); // {}   通过构造函数模式进行调用
o.f.call([1, 2]); // [1,2]   call方法进行方法借用
o[2].call([1, 2, 3, 4]); // [1,2,3,4]   call方法进行方法借用// 第3题
var name = "out";
var obj = {name: "in",prop: {name: "inside",getName: function() {return this.name;}}
};console.log(obj.prop.getName()); // 对象调用模式来进行调用  obj.prop.name,打印 'inside'
var test = obj.prop.getName; // 把test这个变量指向了obj.prop.getName所在的内存地址
console.log(test()); // 普通函数模式来进行调用,this指向window,打印 'out'
console.log(obj.prop.getName.apply(window)); // 方法借用模式,打印 'out'
console.log(obj.prop.getName.apply(this)); // 方法借用模式,打印 'out'
console.log(this === window); // true// 第4题
var length = 10;
function fn() {console.log(this.length);
}
var obj = {length: 5,method: function(f) {console.log(this);f(); // f在调用的时候是什么调用模式?普通函数调用模式  window.length,打印 10arguments[0](); // 通过什么模式来进行调用的。执行之前有[]和.就是对象调用模式。// arguments是一个类数组,也就是一个对象,就是通过arguments来进行调用的// 通过arguments对象进行调用,因此函数内部的this是 arguments// arguments.length实参的数量。实参长度是1,所以打印 1arguments[0].call(this);// 如果一个函数在调用的时候它前面有call和apply那么就肯定是方法借用模式调用// 调用method方法是通过obj.method 因此在这里的this就是 obj// 通过call方法把fn内的this指向了obj// 输出obj.length,打印 5}
};
obj.method(fn);// 第5题
function Foo() {getName = function() {console.log(1);};return this;
}
Foo.getName = function() {console.log(2);
};
Foo.prototype.getName = function() {console.log(3);
};
var getName = function() {console.log(4);
};
function getName() {console.log(5);
}
// 请写出以下输出结果:
Foo.getName(); // 2
getName(); // 4
Foo().getName(); // 1
getName(); // 1
new Foo.getName(); // 2
new Foo().getName(); // 3
new new Foo().getName(); // 3// 第6题
var obj = {fn: function() {console.log(this);}
};
obj.fn(); // obj
var f = obj.fn;
f(); // window
console.log(f === obj.fn); // true
// f和obj.fn是同一个函数,但是他们在调用的时候使用的函数调用模式不同,因此,它们内部的this指向也就不同。// 第7题
var arr = [function() {console.log(this);}
];
arr[0](); // 数组本身
// 数组也是一个复杂数据类型,也是一个对象,那用数组去调用函数,使用的模式就是对象方法调用模式。
function f() {console.log(this);
}
function fn() {console.log(arguments); // 类数组,也是就一个对象   [0:function f(){}]console.log(this); // windowarguments[0]();console.log(arguments[0]); // 内部的this就是arguments// 通过arguments对f这个方法进行调用,使用的是对象方法调用模式。
}
fn(f);// 第8题
function SuperClass() {this.name = "women";this.bra = ["a", "b"];
}
SuperClass.prototype.sayWhat = function() {console.log("hello");
};
function SubClass() {this.subname = "you sister";SuperClass.call(this);
}
var sub = new SubClass();
console.log(sub.sayWhat());

http://www.lryc.cn/news/511798.html

相关文章:

  • 基于Resnet、LSTM、Shufflenet及CNN网络的Daily_and_Sports_Activities数据集仿真
  • mac系统vsCode中使用Better Comments在.vue文件里失效
  • UE5.3 C++ Ceiusm中的POI 制作3DUI 结合坐标转化
  • 一起学Git【第六节:查看版本差异】
  • numpy np.newaxis介绍
  • 小程序配置文件 —— 16 项目配置文件和配置 sass
  • 【yolov5】实现FPS游戏人物检测,并定位到矩形框上中部分,实现自瞄
  • 概率统计与随机过程--作业5
  • “802.11g”,“802.11n”,“802.11ac”,“802.11ax”
  • Kubernetes 常用的网络插件
  • Retrofit和rxjava 实现窜行请求,并行请求,循环多次请求,递归请求,错误重试
  • 2025年度好用便签推荐,电脑桌面便签app分享
  • 【论文解读】Arbitrary-steps Image Super-resolution via Diffusion Inversion
  • kkFileView集成springboot:使用自定义预览接口(非minio预览接口),发现无法预览资源
  • 被裁20240927 --- 嵌入式硬件开发 STM32篇
  • 留学生交流互动系统|Java|SSM|VUE| 前后端分离
  • C/C++ 数据结构与算法【图】 图+邻接矩阵+邻接表+DFS+BFS+最小生成树+最短路径+拓扑排序详细解析【日常学习,考研必备】带图+详细代码
  • Linux实验报告7-文件管理
  • RJ45网口模块设计
  • 电子电器架构 --- 智能座舱HUD技术革新
  • 嵌入式开发中的机器人表情绘制
  • orm01
  • Maven 测试和单元测试介绍
  • Postman接口测试03|执行接口测试、全局变量和环境变量、接口关联、动态参数、断言
  • UE5 丧尸类杂兵的简单AI
  • Linux字符设备驱动开发的三种方式(分析+对比+示例)
  • C++设计模式之行为型模式概述,它们的目的与特点
  • 把Huggingface下载的arrow数据集转化为json格式
  • 复习打卡大数据篇——Hadoop YARN
  • fpga系列 HDL:ModelSim显示模拟波形以及十进制格式数值