手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

javascript中的this指向

时间:2024-10-23 16:10:06

1、//规则1:使用new后this指向new创建的对象function __new() { this.a = "测试" console.log(this)}var a = new __new()//执行结果如下图

javascript中的this指向

2、//规则2:使用call 或者apply this指向你传入的对象(传入的对象不能为null、undefined 不然指向window)function aa() { console.log(this) console.log(this.a)}var b = { a: '我是b对象'}aa.call(b)//aa.apply(b)//执行结果如下图

javascript中的this指向

3、//规则3 :this指向 函数最后被调用位置 //例子1function a(x) { con衡痕贤伎sole.log(this) conso造婷用痃le.log(this === x)}var b = { c: a }b.c(b) //可理解为a在b中被调用执行了,调用的位置是在b,this指向bvar win = b.c //注意这里是js引用赋值。this指向(全局)window对象win(b)//执行效果如下图

javascript中的this指向

4、//规则3:this指向 函数最后被调用位置//例子2var c = { dd: { a:function(x) { console.log(this === x) } }}c.dd.a(c)c.dd.a(c.dd) //这才是真正的调用位置//执行效果如下图

javascript中的this指向

5、//默认function aa() {function bb(){console.log(thi衡痕贤伎s)console.log(this =租涫疼迟== window)}bb()}aa()/*下面也是如此*/// function aa() {// bb()// }// function bb(){// console.log(this)// console.log(this === window)// }// aa()//执行效果如下

javascript中的this指向
© 手抄报圈