js 創(chuàng)建對(duì)象 經(jīng)典模式全面了解
1. 概述
通過(guò)構(gòu)造函數(shù)創(chuàng)建對(duì)象, 有時(shí)忘記了寫(xiě)new, 這時(shí)函數(shù)就會(huì)返回undefined
可以創(chuàng)建一個(gè)函數(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ù)沒(méi)有顯示的寫(xiě)明 return xxx; 則返回undefined。
example
利用構(gòu)造函數(shù)定義Cat,并讓所有的Cat對(duì)象有一個(gè)name屬性,并共享一個(gè)方法say(),返回字符串'Hello, xxx!':
'use strict'; function Cat(name) { this.name = name; } Cat.prototype.say = function(){ return ('Hello, ' + this.name + '!'); } // 測(cè)試: var kitty = new Cat('Kitty'); var doraemon = new Cat('哆啦A夢(mèng)'); if (kitty && kitty.name === 'Kitty' && kitty.say && typeof kitty.say === 'function' && kitty.say() === 'Hello, Kitty!' && kitty.say === doraemon.say) { alert('測(cè)試通過(guò)!'); } else { alert('測(cè)試失敗!'); }
以上這篇js 創(chuàng)建對(duì)象 經(jīng)典模式全面了解就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- js面向?qū)ο笾R?jiàn)創(chuàng)建對(duì)象的幾種方式(工廠模式、構(gòu)造函數(shù)模式、原型模式)
- JavaScript中創(chuàng)建對(duì)象的7種模式詳解
- JavaScript中創(chuàng)建對(duì)象的模式匯總
- javascript創(chuàng)建對(duì)象的幾種模式介紹
- JavaScript創(chuàng)建對(duì)象方式總結(jié)【工廠模式、構(gòu)造函數(shù)模式、原型模式等】
- javascript工廠模式和構(gòu)造函數(shù)模式創(chuàng)建對(duì)象方法解析
- 在javascript中創(chuàng)建對(duì)象的各種模式解析
- 淺析在javascript中創(chuàng)建對(duì)象的各種模式
- JavaScript創(chuàng)建對(duì)象的四種常用模式實(shí)例分析
- JS 創(chuàng)建對(duì)象的模式實(shí)例小結(jié)
相關(guān)文章
JavaScript實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊導(dǎo)航欄變色特效
本文給大家分享一段基于js代碼實(shí)現(xiàn)的鼠標(biāo)點(diǎn)擊導(dǎo)航欄變色效果,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下2017-02-02ECharts柱狀圖關(guān)閉鼠標(biāo)hover時(shí)的高亮樣式詳解
為了方便使用,echarts的餅圖中給加入了默認(rèn)的hover高亮效果,下面這篇文章主要給大家介紹了關(guān)于ECharts柱狀圖關(guān)閉鼠標(biāo)hover時(shí)的高亮樣式的相關(guān)資料,需要的朋友可以參考下2023-04-04提供復(fù)制本站內(nèi)容時(shí)出現(xiàn),該文章轉(zhuǎn)自腳本之家等字樣的js代碼
提供復(fù)制本站內(nèi)容時(shí)出現(xiàn),該文章轉(zhuǎn)自腳本之家等字樣的js代碼...2007-03-03微信小程序頁(yè)面?zhèn)鞫鄠€(gè)參數(shù)跳轉(zhuǎn)頁(yè)面的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序頁(yè)面?zhèn)鞫鄠€(gè)參數(shù)跳轉(zhuǎn)頁(yè)面的實(shí)現(xiàn)方法,本文圖文并茂給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05