老生常谈 js中this的指向
更新时间：2016年06月30日 11:38:01 投稿：jingxian
下面小编就为大家带来一篇老生常谈 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的指向就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
JS DOM 操作实现代码，学习dom操作的朋友可以参考下。2010-08-08
这篇文章主要介绍了微信小程序和百度的语音识别接口详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了JS实现的简单四则运算计算器功能,涉及javascript事件响应及数值运算相关操作技巧,需要的朋友可以参考下2017-09-09
最近在做项目的时候,遇到了有四舍五入保留两位的需求,当时不假思索的直接使用了js原生的toFixed方法,结果出现了问题,这篇文章主要给大家介绍了关于JS中toFixed()方法四舍五入精度问题的相关资料,需要的朋友可以参考下2021-10-10
本文主要介绍了JavaScript利用正则表达式替换字符串中内容的具体实现方法，并做了简要注释，便于理解。具有一定的参考价值，需要的朋友可以看下2016-12-12
这篇文章主要介绍了javascript如何合并多层级数组问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
这篇文章主要介绍了JS实现将数字金额转换为大写人民币汉字的方法,涉及javascript字符串与数组操作的相关技巧,需要的朋友可以参考下2016-08-08
对于uni-app中的组件,可以通过修改它们的样式来自定义它们的外观,下面这篇文章主要给大家介绍了关于uni-app如何用JS动态修改scss样式变量的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-07-07
这篇文章主要为大家介绍了JavaScript之String常见的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-11-11
JAVASCRIPT是AJAX技术中不可或缺的一部分，所以想学好AJAX以及现在流行的AJAX框架，学好JAVASCRIPT是最重要的，通过本篇文章给大家介绍javascript基础知识及常用方法总结，对js基础知识及常用方法相关知识感兴趣的朋友一起学习吧2016-01-01
最新评论