请选择 进入手机版 | 继续访问电脑版
查看: 131|回复: 0

JavaScript中new,this解析

[复制链接]
  • TA的每日心情
    开心
    2018-8-2 13:00
  • 签到天数: 1 天

    [LV.1]初来乍到

    10

    主题

    13

    帖子

    103

    积分

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    103
    发表于 2018-8-3 14:34:46 | 显示全部楼层 |阅读模式
    本帖最后由 岳岳 于 2018-8-3 14:36 编辑

    1. //测试代码
    2. function stu() {
    3.     console.log(aaa);
    4. }
    5. var aaa = new stu();         //new开辟空间,存储对象aaa,并且还返回对象。如果不用new创建,会返回undefined。
    6. console.log(aaa);
    复制代码
           结果会打印出空对象Object{}。
    1. function stu() {
    2.         this.say = function (){
    3.              console.log(this)
    4.         }
    5. }
    6. var aaa = new stu();

    7.    aaa.say();
    复制代码
    结果会打印出空对象Object{}。而空对象Object{}就是this。



    总结:

    一、new、
                  1.开辟内存空间,存储新创建的对象( newObject() )
                  2.把this设置为当前对象
                  3.执行内部代码,设置对象属性和方法
                  4.返回新创建的对象

    二、this
                 1.this只出现在函数中。
                 2.谁调用函数,this就指的是谁。
                 3.new People();   People中的this代指被创建的对象实例。




    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关注微信,有惊喜
    关注我们,每天有惊喜,每日有活动,每日有礼品赠送,扫描左边二维码,即可关注,你还在等什么?
    快速回复 返回顶部 返回列表