js 对象中this ，以及访问器 setter，getter js文件

最新推荐文章于 2023-12-11 22:08:40 发布

奋斗的小小骚年

最新推荐文章于 2023-12-11 22:08:40 发布

阅读量333

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/qq_41654985/article/details/79796487

JavaScript 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一种使用JavaScript创建自定义类的方法，并演示了如何通过这些类来实例化DOM元素，如div和input，同时为这些元素添加事件监听器以实现特定功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function DivClass() {

}
DivClass.prototype={
    width:50,
    height:50,
    backgroundColor:"red",
    createDiv:function () {
        var div=document.createElement("div");
        div.style.width=this.width+"px";
        div.style.height=this.height+"px";
        div.obj=this;
        div.style.backgroundColor=this.backgroundColor;
        div.addEventListener("click",this.clickHandler);
        return div
    },
    clickHandler:function (e) {
        Data.sum=1
        console.log(this.obj,e.currentTarget)
    }
};
function InputClass() {

}
InputClass.prototype={
    createInput:function () {
        var text=document.createElement("input");
        text.type="text";
        text.obj=this;
        text.addEventListener("blur",this.blurHandler);
        return text
    },
    blurHandler:function (e) {
        Data.sum=Number(this.value)
        console.log(this.obj,e.currentTarget)
    }
};
var Data=function () {
    var _sum=0;
    return{
        set sum(value){
            if(isNaN(Number(value))) return;
            _sum+=Number(value);
            console.log(_sum)
        },
        get sum(){
            return _sum
        }
    }
}();