html - JavaScript 对象怎么调用子方法的属性?

查看:91
本文介绍了html - JavaScript 对象怎么调用子方法的属性?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

请问外部怎么调用 shool 属性下的:pSchool,mSchool,college ???

    var r1=new ren("王二狗",20,"");

    console.log( r1.age );
    console.log( r1.name );

    console.log( r1.pSchool);
    r1.say();


    function ren(name,age,sex)
    {
        this.name=!name?"某r1":name;
        this.age=!age|age>120|age<=0?1:age;
        this.sex=sex=="MAN"|sex=="WOMAN"?sex:"UNKNOW";

        this.school=schoolF();

        function schoolF()
        {
            this.pSchool="五七小学";
            this.mSchool="实验小学";
            this.college="五七小学";
            console.log("【我是shool方法】,子属性是【"+pSchool+"】【"+mSchool+"】【"+college+"】");
        }

        this.say=function()
        {
            console.log("【我是say方法】,我的名字是"+this.name+",性别是"+this.sex+",年龄是"+this.age+",小学是"+mSchool);
        }
    }

解决方案

在构造函数ren中,函数schoolF相当于一个闭包;JavaScript 有一个众所周知的坑就是闭包内的this会指向全局,所以你在schoolF里的属性实际上设给了window
解决的办法也很简单,就是在schoolF外面先把this保存起来:

function ren() {
    /*......*/
    var _this = this;
    function schoolF() {
        _this.pSchool = "五七小学";
        /*......*/
    }
}

不过看你题目的意思,schoolren的属性,然后pSchoolschool的属性?那你得用new调用school才行(楼上也说了)。

这篇关于html - JavaScript 对象怎么调用子方法的属性?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆