js 創(chuàng)建對象 經(jīng)典模式全面了解
1. 概述
通過構造函數(shù)創(chuàng)建對象, 有時忘記了寫new, 這時函數(shù)就會返回undefined
可以創(chuàng)建一個函數(shù)createXXX, 在內(nèi)部封裝new。
function Student(props){ this.name = props.name || '匿名'; this.grade = props.grade || 1; } Student.prototype.hello = function(){ alert('Hello, '+ this.name + '!'); } function createStudent(props){ return new Student(props || {}); }
注意 , 如果函數(shù)沒有顯示的寫明 return xxx; 則返回undefined。
example
利用構造函數(shù)定義Cat,并讓所有的Cat對象有一個name屬性,并共享一個方法say(),返回字符串'Hello, xxx!':
'use strict'; function Cat(name) { this.name = name; } Cat.prototype.say = function(){ return ('Hello, ' + this.name + '!'); } // 測試: var kitty = new Cat('Kitty'); var doraemon = new Cat('哆啦A夢'); if (kitty && kitty.name === 'Kitty' && kitty.say && typeof kitty.say === 'function' && kitty.say() === 'Hello, Kitty!' && kitty.say === doraemon.say) { alert('測試通過!'); } else { alert('測試失敗!'); }
以上這篇js 創(chuàng)建對象 經(jīng)典模式全面了解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- js面向?qū)ο笾R妱?chuàng)建對象的幾種方式(工廠模式、構造函數(shù)模式、原型模式)
- JavaScript中創(chuàng)建對象的7種模式詳解
- JavaScript中創(chuàng)建對象的模式匯總
- javascript創(chuàng)建對象的幾種模式介紹
- JavaScript創(chuàng)建對象方式總結【工廠模式、構造函數(shù)模式、原型模式等】
- javascript工廠模式和構造函數(shù)模式創(chuàng)建對象方法解析
- 在javascript中創(chuàng)建對象的各種模式解析
- 淺析在javascript中創(chuàng)建對象的各種模式
- JavaScript創(chuàng)建對象的四種常用模式實例分析
- JS 創(chuàng)建對象的模式實例小結
相關文章
提供復制本站內(nèi)容時出現(xiàn),該文章轉(zhuǎn)自腳本之家等字樣的js代碼
提供復制本站內(nèi)容時出現(xiàn),該文章轉(zhuǎn)自腳本之家等字樣的js代碼...2007-03-03微信小程序頁面?zhèn)鞫鄠€參數(shù)跳轉(zhuǎn)頁面的實現(xiàn)方法
這篇文章主要介紹了微信小程序頁面?zhèn)鞫鄠€參數(shù)跳轉(zhuǎn)頁面的實現(xiàn)方法,本文圖文并茂給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05