jQuery 对象封装

最新推荐文章于 2022-11-23 23:21:52 发布

haoliang Dong

最新推荐文章于 2022-11-23 23:21:52 发布

阅读量454

点赞数

文章标签： js jquery

本文链接：https://blog.csdn.net/qq_38641399/article/details/108777979

版权

本文探讨了如何使用原生JavaScript进行对象封装，通过`Person`构造函数和原型链实现属性与方法。同时展示了如何利用jQuery风格进行对象封装，创建了一个可调用的`Person`函数，实现了初始化和成员方法。内容涵盖了JavaScript面向对象编程的基础和实践应用。

摘要由CSDN通过智能技术生成

原生js 封装

function Person (info){
    this._init_(info);
}
 
Pserson.prototype = {
    constructor : Person,
    _init_ : function(info) {
        this.name = info.name;
        this.age = info.age;
        this.sex = info.sex;
    }
    sayHello:function(){
        console.log('hello');
    }
}

jQuery 对象封装

var Person = (function(window) {
        var Person = function(name) {
            return new Person.fn.init(name);
        }
 
        Person.fn = Person.prototype = {
            constructor: Person,
            init: function(name) {
                this.name = name;
                this.sayHello = function() {
                    this.makeArray();
                }
            },
            makeArray: function() {
                console.log(this.name);
            }
        }
 
        Person.fn.init.prototype = Person.fn;
 
        return Person;
    })();