当前位置:首页 > javascript > 正文内容

this各种指向

自由小鸟7年前 (2018-07-31)javascript2966

1由于对象的属性可以赋给另一个对象,所以属性所在的当前对象是可变的,即this的指向是可变的。

2,只要函数被赋给另一个变量,this的指向就会变。


var A = {  
    name: '张三',  
    describe: function () {    
        return '姓名:'+ this.name;
    }
};
var name = '李四';
var f = A.describe;
f() // "姓名:李四"

(1)全局环境使用this,它指的就是顶层对象window

(2)构造函数

构造函数中的this,指的是实例对象。

(3)对象的方法

如果对象的方法里面包含thisthis的指向就是方法运行时所在的对象。该方法赋值给另一个对象,就会改变this的指向。

函数赋值再调用这种情况一般this 指向就会变成window

var obj ={  foo: function () {    
    console.log(this);
  }
};

obj.foo() // obj
// 情况一(obj.foo = obj.foo)() // window
// 情况二(false || obj.foo)() // window
// 情况三(1, obj.foo)() // window

    (4)如果this所在的方法不在对象的第一层,这时this只是指向当前一层的对象,而不会继承更上面的层。

var a = { 
    p: 'Hello',      
    b: {    
        m: function() {      
            console.log(this.p);
        }
    }
};

a.b.m() // undefined

使用注意点 

1,避免多层 this(由于this的指向是不确定的,所以切勿在函数中包含多层的this)


bind(a).bind(b)只生效一次,多层的指针后面的不生效

版权声明:本文由Web学习之路发布,如需转载请注明出处。

本文链接:https://www.webge.net/?id=16

“this各种指向” 的相关文章

最全的js运行机制

最全的js运行机制

主线程Event Queue:(微任务,宏任务) 1,主线程执行完后2,到Event Queue里找,先执行微任务,再宏任务...

js 判断数组,对象

arr=[1,2,3,4]; obj={a:'aaa'}; console.log(arr.constructor===Object) //false arr instanceof Array //true Object.prototype.toString.call(...

IOS软键盘收起留白问题及Input光标过长问题

1.Input光标过长问题iso 中input 光标长度与line-height有关,input本身字体就是上下居中的因此不需要设置,但如果想控制光标的长度可以通过设置line-height高度来控制; 2.IOS软键盘收起留白 1.可以通过输入框失去焦点 <div class=&quo...

js cookie实现在一天内只执行一次

function versionExpireTime(key,method) { var v = getCookie(key); if (!v) { method(true); //外面传进来的callback,方便告诉外部是否过期 //获取...

数据各种去重复,合并方法

1,数组对象去重通过id function reduce(arr) { var obj = {}; arr = arr.reduce(function (item, next) { obj[next.id] ? "" : (obj[next.id] = t...

js预编译输出题-解题思路

function fn(a,c){ console.log(a) var a=123 console.log(a) console.log(c) function a(){} if(false){ var d=678...