Javascript设计模式之创建构造函数和方法

简介:

构造函数和方法

var Book = function (isbn,title,author) {
    this.setIsbn(isbn);
    this.setTitle(title);
    this.setAuthor(author);
}

Book.prototype = {
    checkIsbn:function (isbn) {
        // todo...
        return true;
    },
    getIsbn:function () {
        return this.isbn;
    },
    setIsbn:function (isbn) {
        if (!this.checkIsbn(isbn)) {
            throw new Error('Book:Invalid ISBN.');
        }
        this.isbn = isbn;
    },
    getTitle:function () {
        return this.title;
    },
    setTitle:function (title) {
        this.title = title || 'No title specified';
    },
    getAuthor:function () {
        return this.author;
    },
    setAuthor:function (author) {
        this.author = author || 'No author specified';
    },
    display:function() {
        // todo...
    }
}

var book = new Book('isbn','Javascript','Jim');
console.log(book.getIsbn());
console.log(book.getTitle());
console.log(book.getAuthor());

var book1 = new Book('isbn');
console.log(book1.getIsbn());
console.log(book1.getTitle());
console.log(book1.getAuthor());

isbn
Javascript
Jim
isbn
No title specified
No author specified

用命名规范区分私有变量

var Book = function (isbn,title,author) {
    this.setIsbn(isbn);
    this.setTitle(title);
    this.setAuthor(author);
}

Book.prototype = {
    checkIsbn:function (isbn) {
        // todo...
        return true;
    },
    getIsbn:function () {
        return this._isbn;
    },
    setIsbn:function (isbn) {
        if (!this.checkIsbn(isbn)) {
            throw new Error('Book:Invalid ISBN.');
        }
        this._isbn = isbn;
    },
    getTitle:function () {
        return this._title;
    },
    setTitle:function (title) {
        this._title = title || 'No title specified';
    },
    getAuthor:function () {
        return this._author;
    },
    setAuthor:function (author) {
        this._author = author || 'No author specified';
    },
    display:function() {
        // todo...
    }
}

用闭包实现私有方法

var Book = function (newIsbn,newTitle,newAuthor) {
    // 私有属性
    var isbn,title,author;

    // 私有方法
    function checkIsbn(isbn) {
        // todo
        return true;
    }

    // 保护方法
    this.getIsbn = function () {
        return isbn;
    };

    this.setIsbn = function (newIsbn) {
        if (!checkIsbn(newIsbn)) {
            throw new Error('Book:Invalid ISBN.');
        }
        isbn = newIsbn;
    };

    this.getTitle = function () {
        return title;
    };

    this.setTitle = function (newTitle) {
        title = newTitle || 'No title specified';
    };

    this.getAuthor = function () {
        return author;
    };

    this.setAuthor = function (newAuthor) {
        author = newAuthor || 'No author specified';
    };

    // 构造函数
    this.setIsbn(newIsbn);
    this.setTitle(newTitle);
    this.setAuthor(newAuthor);
}

// 公有方法
Book.prototype = {
    display:function () {
        // todo...
    }
}

var book = new Book('isbn','Javascript','Jim');
console.log(book.getIsbn());
console.log(book.getTitle());
console.log(book.getAuthor());

静态方法和属性

var Book = (function () {
    // 私有静态属性
    var numOfBooks = 0;

    // 私有静态方法
    function checkIsbn(isbn) {
        // todo...
        return true;
    }

    // 返回构造函数
    return function(newIsbn,newTitle,newAuthor) {
        // 私有属性
        var isbn,title,author;

        // 特权方法
        this.getIsbn = function () {
            return isbn;
        };

        this.setIsbn = function (newIsbn) {
            if (!checkIsbn(newIsbn)) {
                throw new Error('Book:Invalid ISBN.');
            }
            isbn = newIsbn;
        };

        this.getTitle = function () {
            return title;
        };

        this.setTitle = function (newTitle) {
            title = newTitle || 'No title specified';
        };

        this.getAuthor = function () {
            return author;
        };

        this.setAuthor = function (newAuthor) {
            author = newAuthor || 'No author specified';
        };

        numOfBooks++;
        if (numOfBooks > 5) {
            throw new Error('Book:只允许创建5个Book对象');
        }

        this.setIsbn(newIsbn);
        this.setTitle(newTitle);
        this.setAuthor(newAuthor);
    }
})();

// 公有静态方法
Book.convertToTitleCase = function (inputString) {
    // todo...
    return inputString;
}

// 公有方法
Book.prototype = {
    display:function() {
        // todo...
    }
}
console.log(Book.convertToTitleCase('test')); // test
var book = new Book('isbn','Javascript','Jim');
console.log(book.getTitle());
var book = new Book('isbn','Javascript','Jim');
console.log(book.getTitle());
var book = new Book('isbn','Javascript','Jim');
console.log(book.getTitle());
var book = new Book('isbn','Javascript','Jim');
console.log(book.getTitle());
var book = new Book('isbn','Javascript','Jim');
console.log(book.getTitle());
var book = new Book('isbn','Javascript','Jim');
console.log(book.getTitle());

test
Javascript
Javascript
Javascript
Javascript
Javascript




本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/6206756.html,如需转载请自行联系原作者

相关文章
|
4天前
|
设计模式 前端开发 JavaScript
【JavaScript 技术专栏】JavaScript 设计模式与实战应用
【4月更文挑战第30天】本文探讨JavaScript设计模式在提升开发效率和代码质量中的关键作用。涵盖单例、工厂、观察者、装饰器和策略模式,并通过实例阐述其在全局状态管理、复杂对象创建、实时数据更新、功能扩展和算法切换的应用。理解并运用这些模式能帮助开发者应对复杂项目,提升前端开发能力。
|
4天前
|
JSON JavaScript 前端开发
【JavaScript技术专栏】JavaScript的跨域通信方法
【4月更文挑战第30天】本文探讨了JavaScript中的跨域通信方法,包括:同源策略和跨域通信的概念,以及JSONP、CORS、WebSockets、`window.postMessage()`、代理服务器和WebAssembly的使用。这些技术各有优劣,适用于不同的场景,是Web开发者解决跨域问题的关键工具。随着Web技术的演进,跨域通信的解决方案也将不断更新。
|
2天前
|
JavaScript
Vue.js 中父组件调用子组件的方法
Vue.js 中父组件调用子组件的方法
13 2
|
2天前
|
JavaScript 前端开发 API
Vue.js 中子组件向父组件传值的方法
Vue.js 中子组件向父组件传值的方法
14 2
|
5天前
|
存储 JavaScript 前端开发
javascript中字符串处理,常用的方法汇总
javascript中字符串处理,常用的方法汇总
|
5天前
|
JavaScript 前端开发 索引
JavaScript 数组的索引方法数组转换为字符串方法
JavaScript 数组的索引方法数组转换为字符串方法
|
5天前
|
JavaScript 前端开发
11.JavaScript 事件的概念以及绑定方法
11.JavaScript 事件的概念以及绑定方法
|
5天前
|
前端开发 JavaScript
【Web 前端】JS继承的方法有哪些?
【4月更文挑战第22天】【Web 前端】JS继承的方法有哪些?
|
8天前
|
JavaScript 前端开发
js操作字符串的相关方法
js操作字符串的相关方法
9 3
|
8天前
|
JavaScript 前端开发
js 操作数组的方法
js 操作数组的方法
18 4