老生常谈 js中this的指向
在js中this的指向对于新手来说一定是个难题，但是如果你真正理解了的话，也就没什么问题啦，下面就来讲讲this吧。
JS中，this的值取决于调用的模式（调用对象），而JS中共有4种调用模式：
1.函数调用模式
当一个函数不是一个对象的属性时，当作函数俩调用，这时函数内的this指向全局对象（大对数情况下是window）
window.value=1;
function getValue(){
console.log(this.value);
}
getValue();//输出1，此时的this指向window
2.方法调用模式
当一个函数是一个对象的属性时，我们称它为该对象的一个方法，当一个方法被调用时，this指向该对象
var Obj={
value:2,
getValue:function(){
console.log(this.value);//输出2,this指向Obj
}
}
！！！该模式中，this到对象的绑定发生在方法被调用时
3.构造器调用模式
使用new调用的函数称为构造器函数，此时的this指向该构造器函数实例出来的对象
function main(val){
this.value=val;
}
main.prototype.getValue=function(){
console.log(this.value);
}
var fun=new main(3);
fun.getValue();
fun.value;//输出3，this指向main的实例对象fun
4.apply/call调用模式以及bind
apply、call、bind方法可以让我们设定调用者中的this指向谁
function showValue(){
console.log(this.value);
}
var obj={
value:4
}
showValue.call(obj)//输出4，this指向了obj对象
ECMA5中新增了bind方法，具体用法可以google一下，这里是演示this绑定的用法
function showValue(){
console.log(this.value);
}
var obj={
value:4
}
var showValue2=showValue.bind(obj);
showValue2()//输出4，this指向了obj对象
bind有很多种用法，可以自己去查阅一下哦
以上这篇老生常谈 js中this的指向就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍老生常谈JavaScript中的this关键字，包括了老生常谈JavaScript中的this关键字的使用技巧和注意事项，需要的朋友参考一下 相对于很多其他的面向对象语言来说，this代表的就是当前对象。例如Java中的this就是编译期间确定的。而在 JavaScript 中，this 是动态绑定，或称为运行期绑定的 Java中的this 在以下代码中。this代表的就是p对象。
-
本文向大家介绍js老生常谈之this,constructor ,prototype全面解析，包括了js老生常谈之this,constructor ,prototype全面解析的使用技巧和注意事项，需要的朋友参考一下 前言 javascript中的this,constructor ,prototype，都是老生常谈的问题，深入理解他们的含义至关重要。在这里，我们再来复习一下吧，温故而知新！ this
-
本文向大家介绍老生常谈js-react组件生命周期，包括了老生常谈js-react组件生命周期的使用技巧和注意事项，需要的朋友参考一下 组件的生命周期可分成三个状态： •Mounting：已插入真实 DOM •Updating：正在被重新渲染 •Unmounting：已移出真实 DOM 生命周期的方法有： •componentWillMount 在渲染前调用,在客户端也在服务端。 •compone
-
本文向大家介绍老生常谈python中的重载，包括了老生常谈python中的重载的使用技巧和注意事项，需要的朋友参考一下 在一些静态语言中，大都存在有一个重载的概念。这是在OOP（面对对象编程）中一个必不可少的一个行为。 所谓重载，就是多个相同函数名的函数，根据传入的参数个数，参数类型而执行不同的功能。所以函数重载实质上是为了解决编程中参数可变不统一的问题。 python 中的重载 在pytho
-
本文向大家介绍老生常谈java中的Future模式，包括了老生常谈java中的Future模式的使用技巧和注意事项，需要的朋友参考一下 jdk1.7.0_79 本文实际上是对上文《简单谈谈ThreadPoolExecutor线程池之submit方法》的一个延续或者一个补充。在上文中提到的submit方法里出现了FutureTask，这不得不停止脚步将方向转向Java的Future模式。 Futur
-
本文向大家介绍老生常谈的跨域处理，包括了老生常谈的跨域处理的使用技巧和注意事项，需要的朋友参考一下 阅读目录 什么是跨域 常用的几种跨域处理方法： 跨域的原理解析及实现方法 总结 摘要：跨域问题，无论是面试还是平时的工作中，都会遇到，本文总结处理跨域问题的几种方法以及其原理，也让自己搞懂这方面的知识，走起。 什么是跨域 在JavaScript中，有一个很重要的安全性限制，被称为“Same-Orig