快捷導(dǎo)航

js 創(chuàng)建對象經(jīng)典模式全面了解

更新時間：2016年08月16日 09:14:09 投稿：jingxian

下面小編就為大家?guī)硪黄猨s 創(chuàng)建對象經(jīng)典模式全面了解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

1. 概述

通過構(gòu)造函數(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

利用構(gòu)造函數(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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

對layui初始化列表的CheckBox屬性詳解
今天小編就為大家分享一篇對layui初始化列表的CheckBox屬性詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
Object.defineProperty()?完整指南示例詳解
本文深入理解`Object.defineProperty()`的方法,包括基礎(chǔ)概念、屬性描述符的完整選項、常見使用場景等,感興趣的朋友跟隨小編一起看看吧
2025-01-01
解讀Bootstrap v4 sass設(shè)計
這篇文章主要介紹了Bootstrap v4 sass設(shè)計的相關(guān)資料,需要的朋友可以參考下
2016-05-05
微信小程序?qū)崿F(xiàn)電子簽名
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)電子簽名，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-06-06
javascript數(shù)組使用調(diào)用方法匯總
javascript數(shù)組使用調(diào)用方法匯總...
2007-12-12
使用Github?Actions發(fā)布npm包完整過程詳解
本文包含本地發(fā)布npm包發(fā)布流程,?和?github?action自動發(fā)布npm包流程,幫助你更好的發(fā)布自己或公司的npm包,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-09-09
D3.js實現(xiàn)文本的換行詳解
相信大家都知道在SVG中添加文本是使用text元素。但這個元素不能夠自動換行，超出的部分就顯示不出來了，怎么辦呢？下面通過這篇文章來給大家詳細(xì)介紹下實現(xiàn)的過程。
2016-10-10
網(wǎng)頁中可關(guān)閉的漂浮窗口實現(xiàn)可自行調(diào)節(jié)
廣告式的漂浮窗口，想必大家并不陌生吧，下面為大家簡單介紹下具體的實現(xiàn)，有需要的朋友可以參考下
2013-08-08
詳解TS對象擴(kuò)展運算符和rest運算符
這篇文章主要介紹了詳解TS對象擴(kuò)展運算符和rest運算符，對TypeScript感興趣的同學(xué)，可以參考下
2021-05-05
JS實現(xiàn)深拷貝和淺拷貝的方式詳解
深拷貝和淺拷貝是面試中經(jīng)常出現(xiàn)的,主要考察對基本類型和引用類型的理解深度,本文主要給大家介紹了js實現(xiàn)深拷貝和淺拷貝的方式,需要的朋友可以參考下
2022-05-05