日韩欧美人妻无码精品白浆,www.大香蕉久久网,狠狠的日狠狠的操,日本好好热在线观看

LOGO OA教程 ERP教程 模切知識(shí)交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

JavaScript進(jìn)階,人人都能懂的構(gòu)造函數(shù)

admin
2025年7月3日 7:56 本文熱度 67

1. 什么是構(gòu)造函數(shù)?

構(gòu)造函數(shù)︰是一種特殊的函數(shù),主要用來(lái)初始化對(duì)象,即為對(duì)象成員變量賦初始值,它總與new運(yùn)算符一起使用。我們可以把對(duì)象中一些公共的屬性和方法抽取出來(lái),然后封裝到這個(gè)函數(shù)里面。

語(yǔ)法:

   function 構(gòu)造函數(shù)名(){        this.屬性=值;        this.方法= function() {}  }

注意如下小細(xì)節(jié):

1.構(gòu)造函數(shù)名字首字母要大寫

2.我們構(gòu)造函數(shù)不需要return就可以返回結(jié)果,如果沒(méi)有顯式返回對(duì)象,則默認(rèn)返回新對(duì)象。

3.我們調(diào)用構(gòu)造函數(shù)必須使用new

如創(chuàng)建一個(gè)構(gòu)造函數(shù):我們只要new Star()調(diào)用函數(shù)就創(chuàng)建一個(gè)對(duì)象

// 構(gòu)造函數(shù)function Star(uname, age, sex) {this.name = uname;this.age = age;this.sex = sex;}// 對(duì)象var ldh = new Star('劉德華',18,'男'); var zxy = new Star('張學(xué)友',19'男'); console.log(zxy.name); console.log(zxy.age);

2. 構(gòu)造函數(shù)和對(duì)象的區(qū)別

構(gòu)造函數(shù),如Stars(),抽象了對(duì)象的公共部分,封裝到了函數(shù)里面,它泛指某一大類( class )

創(chuàng)建對(duì)象,如new Stars(),特指某一個(gè),通過(guò)new關(guān)鍵字創(chuàng)建對(duì)象的過(guò)程我們也稱為對(duì)象實(shí)例化 

3. new關(guān)鍵字執(zhí)行過(guò)程

1,new構(gòu)造函數(shù)可以在內(nèi)存中創(chuàng)建了一個(gè)空的對(duì)象

2. this就會(huì)指向剛才創(chuàng)建的空對(duì)烏

3.執(zhí)行構(gòu)造函數(shù)里面的代碼給這個(gè)空對(duì)象添加屬性和方法

4.返回這個(gè)對(duì)象

4. 遍歷對(duì)象

for (var k in obj) {console.log(k); // k變量輸出得到的是屬性名console.log(obj[k]);// obj[k]得到是屬性值}

5. prototype 屬性

每個(gè)構(gòu)造函數(shù)都有一個(gè) prototype 屬性,指向該構(gòu)造函數(shù)創(chuàng)建的對(duì)象的原型對(duì)象。通過(guò) prototype,我們可以為所有由該構(gòu)造函數(shù)創(chuàng)建的對(duì)象共享一些通用的方法或?qū)傩浴?/span>

function Person(name, age) {  this.name = name;  this.age = age;}
Person.prototype.greet = function() {  console.log(`Hello, my name is ${this.name}.`);};
const person1 = new Person('Alice'25);const person2 = new Person('Bob'30);
person1.greet();  // 輸出: Hello, my name is Alice.person2.greet();  // 輸出: Hello, my name is Bob.

通過(guò)將 greet 方法添加到 Person 的 prototype,我們可以讓所有由 Person 構(gòu)造函數(shù)創(chuàng)建的對(duì)象共享這個(gè)方法,從而節(jié)省內(nèi)存和優(yōu)化性能。

6. 構(gòu)造函數(shù)的繼承

在 JavaScript 中,繼承是面向?qū)ο缶幊痰闹匾M成部分。通過(guò)繼承,子類可以復(fù)用父類的屬性和方法。構(gòu)造函數(shù)繼承的常用方法是通過(guò) call 或 apply 來(lái)調(diào)用父類構(gòu)造函數(shù)。

1. 使用 call 繼承

通過(guò) call 方法,我們可以在子類構(gòu)造函數(shù)中調(diào)用父類構(gòu)造函數(shù),從而繼承父類的屬性。

function Animal(type) {  this.type = type;}
function Dog(name) {  Animal.call(this'dog');  // 調(diào)用父類構(gòu)造函數(shù)  this.name = name;}
const dog1 = new Dog('Rex');console.log(dog1.type);  // 輸出: dogconsole.log(dog1.name);  // 輸出: Rex

2. 使用 Object.create 實(shí)現(xiàn)原型繼承

為了繼承父類的方法,可以使用 Object.create 將子類的原型設(shè)置為父類的實(shí)例。

Dog.prototype = Object.create(Animal.prototype);Dog.prototype.constructor = Dog;
Dog.prototype.bark = function() {  console.log('Woof!');};
const dog2 = new Dog('Buddy');dog2.bark();  // 輸出: Woof!

通過(guò)這種方式,Dog 類不僅繼承了 Animal 的屬性,還可以擴(kuò)展自己的方法。

總結(jié)

JavaScript 中的構(gòu)造函數(shù)提供了一種強(qiáng)大而靈活的方式來(lái)創(chuàng)建對(duì)象。通過(guò)理解構(gòu)造函數(shù)的工作原理、原型鏈、繼承機(jī)制等,開發(fā)者可以更加高效地組織代碼,提升應(yīng)用的可擴(kuò)展性和維護(hù)性。在實(shí)際開發(fā)中,合理使用構(gòu)造函數(shù)可以幫助你創(chuàng)建模塊化、易于維護(hù)的代碼結(jié)構(gòu),從而提高項(xiàng)目的整體質(zhì)量。 


閱讀原文:原文鏈接


該文章在 2025/7/3 14:24:28 編輯過(guò)
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。
點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點(diǎn),圍繞調(diào)度、堆場(chǎng)作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。
點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi),不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved

精品久久片视频| 激情久久亚洲第一| 欧美精三级一区二区| 久久精品国产最新地址| AV一区二区三区四区| 迷奸在线视频一区二区| 国产又黄又硬又爽又色的| 欧美一区下卡| 无吗av在线观看| 日韩插b无码免费| 一区黄色三区| 在线播放国产按摩服务| 亚洲高清91| 美女高潮内射免费视频| 激情蜜臀一区| 成人男人的天堂网站免费看| 国产三级午夜理伦| 五月天丝袜诱惑| 蜜臀亚洲字幕在线图片专区| 人人操最新av在线播放| 高清无码专| 亚洲午夜影院she.con| 欧美国产日韩国产一区| 一区二区三区 秋霞| 99免费视频在线观看| 黄频在线观看视频网站| 啊操逼视频| 欧美少妇专区| 欧美一级a a黄片| 欧美熟女a在线看三区| 国产高清无码不卡区| 日韩春色欧美激情| 日韩艹在线观看| 精l欧美第一页| 男艹女网站| 在线 欧美 一区| 日本A精品一区二区| 伊人资源在线观看一区二区| 国产午夜福利三级片| 欧美另类亚洲| 99精品欧美一区二区三区蜜桃|