javascript - 前端新手求助面向对象问题
伊谢尔伦
伊谢尔伦 2017-04-11 12:01:21
[JavaScript讨论组]

现在有一个对象如下:

var doc= $(document);

function people(){                        //一个people对象
this.name = li;
}
people.prototype = {                      //对象方法
    sayName: function(){
        console.log(this.name);
    }
    bindEvent: function(){                //绑定页面元素
        doc.delegate('button','click',function(){
            people.sayName();   //这里报错Uncaught TypeError: people.sayName is not a function
                                //这里想调用sayName方法,但是会报错
        });
    }
}

前端新手,刚刚接触面向对象,我想问为什么调用sayName 方法会报这个错误,请教一下这个错误的原因我应该去看js什么方面的书能够更透彻的理解

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(2)
高洛峰

sayName方法在对象的构造函数的原型,其实例才具有sayName方法;

像楼上那样的是一种解决方案;

//方法1
bindEvent: function() { //绑定页面元素
    doc.delegate('button', 'click', this.sayName.bind(this));//此处通过bind方法强制绑定this对象
}
//方法2
bindEvent: function() { //绑定页面元素
    var _this = this;
    doc.delegate('button', 'click', function() {
        _this.sayName();
    });//此处通过变量存储this
}
//方法3
bindEvent: function() { //绑定页面元素
    doc.delegate('button', 'click', () => this.sayName());//通过箭头函数,箭头函数的this指向上层函数
}
迷茫

应该这样写

bindEvent: function(){                //绑定页面元素
    doc.delegate('button','click',function(){
        this.sayName();
    }.bind(this));
}

这个涉及到闭包和原型链,三言两语很难说清楚,建议你好好看一下相关的知识点。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号