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,如需转载请自行联系原作者

相关文章
|
23天前
|
前端开发 JavaScript
有没有方法可以保证在JavaScript中多个异步操作的执行顺序?
有没有方法可以保证在JavaScript中多个异步操作的执行顺序?
85 58
|
4月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
4月前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
5月前
|
缓存 监控 前端开发
JavaScript 实现大文件上传的方法
【10月更文挑战第17天】通过以上步骤和方法,我们可以实现较为可靠和高效的大文件上传功能。当然,具体的实现方式还需要根据实际的应用场景和服务器要求进行调整和优化。
|
23天前
|
设计模式 JavaScript 算法
浅谈几种js设计模式
设计模式是软件开发中的宝贵工具,能够提高代码的可维护性和扩展性。通过单例模式、工厂模式、观察者模式和策略模式,我们可以解决不同场景下的实际问题,编写更加优雅和高效的代码。
28 8
|
2月前
|
设计模式 数据安全/隐私保护
Next.js 实战 (七):浅谈 Layout 布局的嵌套设计模式
这篇文章介绍了在Next.js框架下,如何处理中后台管理系统中特殊页面(如登录页)不包裹根布局(RootLayout)的问题。作者指出Next.js的设计理念是通过布局的嵌套来创建复杂的页面结构,这虽然保持了代码的整洁和可维护性,但对于特殊页面来说,却造成了不必要的布局包裹。文章提出了一个解决方案,即通过判断页面的skipGlobalLayout属性来决定是否包含RootLayout,从而实现特殊页面不包裹根布局的目标。
118 33
|
4月前
|
监控 JavaScript Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
351 62
|
2月前
|
JavaScript 前端开发 开发者
JavaScript字符串的常用方法
在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
68 13
|
4月前
|
JavaScript 前端开发 索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具,通过它们可以动态地改变页面的内容、样式和行为,为用户提供丰富的交互体验。
|
4月前
|
缓存 JavaScript UED
js中BOM中的方法
【10月更文挑战第31天】