Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung des Beispiels zur Überprüfung der JS-Initialisierung
Das Beispiel in diesem Artikel beschreibt die Methode zur Überprüfung der js-Initialisierung. Teilen Sie es allen als Referenz mit. Die Details lauten wie folgt:
<script type="text/javascript"> var Book = function(isbn, title, author) { if(!this.checkIsbn(isbn)){ throw new Error('Book: Invalid ISBN.'); } this.isbn = isbn; this.title = title || 'No title specified'; this.author = author || 'No author specified'; } Book.prototype = { checkIsbn: function(isbn) { if(isbn == undefined || typeof isbn != 'string') { return false; } return true; // All tests passed. }, display: function() { alert("isbn:"+this.isbn+" title:"+this.title+" author:"+this.author); } }; var theHobbit = new Book('0-395-07122-4', 'The Hobbit', 'J. R. R. Tolkein'); theHobbit.display(); // Outputs the data by creating and populating an HTML element. </script>
ISBN überprüfen. Ob es definiert ist, ob es sich um eine Zeichenfolge handelt usw. Beurteilen Sie den Titel und legen Sie die Standardeinstellung fest.
Eine andere Implementierungsmethode
<script type="text/javascript"> /* 出版 interface. */ /* var Publication = new Interface('Publication', ['getIsbn', 'setIsbn', 'getTitle', 'setTitle', 'getAuthor', 'setAuthor', 'display']); */ var Book = function(isbn, title, author) { // implements Publication this.setIsbn(isbn); this.setTitle(title); this.setAuthor(author); } Book.prototype = { checkIsbn: function(isbn) { if(isbn == undefined || typeof isbn != 'string') { return false; } return true; // All tests passed. }, 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() { alert("isbn:"+this.isbn+" title:"+this.title+" author:"+this.author); } }; var theHobbit = new Book('0-395-07122-4', '', 'J. R. R. Tolkein'); theHobbit.display(); // Outputs the data by creating and populating an HTML element. </script>
Schnittstellenimplementierung, Referenzschnittstelle, definiert viele Methoden.
Interne Methodennamen werden mit _ hinzugefügt, zum Beispiel diese Erkennungsmethode _checkIsbn
<script type="text/javascript"> /* 出版 interface. */ /* var Publication = new Interface('Publication', ['getIsbn', 'setIsbn', 'getTitle', 'setTitle', 'getAuthor', 'setAuthor', 'display']); */ var Book = function(isbn, title, author) { // implements Publication this.setIsbn(isbn); this.setTitle(title); this.setAuthor(author); } Book.prototype = { _checkIsbn: function(isbn) { if(isbn == undefined || typeof isbn != 'string') { return false; } return true; // All tests passed. }, 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() { alert("isbn:"+this.isbn+" title:"+this.title+" author:"+this.author); } }; //var theHobbit = new Book(123, '', 'J. R. R. Tolkein'); // 非字符串抛出异常 var theHobbit = new Book('1990-78sd-1092', '', 'J. R. R. Tolkein'); theHobbit.display(); // Outputs the data by creating and populating an HTML element. </script>