美文网首页
this初见

this初见

作者: pz明 | 来源:发表于2017-08-03 23:04 被阅读2次

一、概述

 this是JavaScript的一个关键字,它总是指向一个对象,不同的调用方式,this的值也有所不同。本文列举常见调用方式,指出相应情况下this指向的对象。

二、全局this

 JavaScript中,全局this直接指向window对象。

三、函数中this

 函数中的this具体指向的对象由函数的调用方式决定,主要有以下几种:
1.函数的直接调用,此时,this指向window对象

function fn(){
  console.log(this);
}
fn();//window

2.函数作为对象方法调用,此时,this指向当前对象

var obj={
  fn:function(){
    console.log(this)
  }
}
obj.fn()//obj

3.构造函数中的this,由new调用构造函数时,this指向新生成的对象

var People=function(){
  console.log(this);
}
var p=new People();//p

4.call,apply指定,此时,tihs就是指定的对象

function fn(){
  console.log(this);
}
var o={
  1:1
}
fn.call(o);//o

5.bind指定,注意:bind与call,apply的区别,bind并不直接调用函数,而是返回一个与原函数具有相同函数体和作用域的函数,返回函数的this被永久指定,无论如何调用此函数。

function fn(){
  console.log(this);
}
var o={
  1:1
}
var f2=fn.bind(o);
f2();//o
f2.call({2:2});//o

5.DOM事件处理函数中,this指向e.currentTarget,往往是添加监听的那个元素对象

 div.addEventListener("click",function(e){
 console.log(this===e.currentTarget);//true
});

1,this MDN
2,this 的值到底是什么?一次说清楚
3,Javascript的this用法

相关文章

  • 初见

    初见,曾经的自己 初见,曾经的回忆 初见,曾经的时光 初见,曾经的生活 初见,曾经的书籍 初见,曾经的故人 初见,...

  • 随笔三十|初见

    初见 是前世未完的承诺 初见 是心灵给予的嘱托 初见 是夜夜想念的积淀 初见 是尚未耕耘的心田 初见 是...

  • 停留在三月

    三月是一场初见初见 荒芜中萌发的绿初见 苍凉中乍现的暖初见 柳枝摇曳的柔初见 桃蕊含羞的甜 怎能忘记初见—...

  • 初见

    初见春风,温暖、温柔、浪漫、多情; 初见夏雨,清凉、激情、彩虹、轻狂; 初见秋霜,忧愁、悲戚、沉默、释然; 初见冬...

  • 初见的爱

    初见你, 笑容可掬; 初见你, 清凉爽洁; 初见你, 幽默温暖; 初见你, 我喜欢上了你。

  • 人生若只如初见

    初见美好,初见何求,茫茫人海,与谁相遇都是缘分。 初见那时花开,初见那时花落,初见那时的新奇,一点一滴...

  • 初见

    初见的春是万物复苏 初见的夏是生机勃勃 初见的秋是硕果累累 初见的冬是银装素裹 初见的你是文质彬彬 初见的他是滔滔...

  • 初初见你

    初初见你,后庭花开。 初初见你,春意盎然。 初初见你,抚枝含笑。 初初见你,花开不如你眉眼的笑。 初初见你,温暖的...

  • 【原创】花何日初见春,春又何日初见花?只是花半溢唐风宋韵

    若只初见 风何时来 又何时初见 都在四季间舒展 花何日初见春 春又何日初见花 只是花半溢唐风宋韵 明月何时照我初见...

  • 人生若只如初见

    人生岂能如初见,初见最美相识晚。 相见恨晚艳阳天,共待明月心相连。 人生若只如初见,但人生不仅仅是初见。初见的那种...

网友评论

      本文标题:this初见

      本文链接:https://www.haomeiwen.com/subject/hljmlxtx.html