前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布

this

作者头像
天天_哥
发布2018-09-29 14:00:16
2840
发布2018-09-29 14:00:16
举报
文章被收录于专栏:天天

1.this初识

1构造函数
代码语言:javascript
复制
//    情况一
//    function Person(name,age){
//        this.name =name;
//        this.age=age;
//        console.log(this)
//    }
//    var one = new Person("zhangsan",26);//实例化出对象 Person{name:"zhangsan",age:26}

//    情况二
//function Person(name,age){
//    this.name =name;
//    this.age=age;
//    console.log(this)
//}
//    Person()//this指向window
2.函数作为对象的一个属性
代码语言:javascript
复制
A)如果函数作为对象的一个属性时,并且作为对象的一个属性被调用时,函数中的this指向该对象。
eg:
var student={
    name:"lisi",
    age:12,
    say:function(){
        console.log(this.name)
    }
}
    student.say()//lisi、
B)fn函数被赋值到了另一个变量中
eg:
var student={
    name:"lisi",
    age:12,
    say:function(){
        console.log(this.name)
    }
}
var name="zhangsan";
var aa = student.say;
    aa();//zhangsan
3.函数不是作为对象的一个属性
代码语言:javascript
复制
eg:
        var obj ={
        x :10,
        fn:function(){
            function func(){
                console.log(this);//window
                console.log(this.x)//undefined
            }
            func();
        }
    }
    obj.fn();
4.使用call、aplly改变this指向
代码语言:javascript
复制
eg:
    var student={
        name:"lisi",
        age:12,
        x:50,
    }
    var x=10;
    var fn = function(){
        console.log(this)//student
        console.log(this.x)//50
    }
    fn.call(student);
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017.10.29 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1构造函数
  • 2.函数作为对象的一个属性
  • 3.函数不是作为对象的一个属性
  • 4.使用call、aplly改变this指向
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档