javascript構造函數

linkin 發布于2019-08-26 12:24 / 309人閱讀

摘要：我們相約在今天，在今天討論構造函數，感謝你如約而至昨天我們昨天前幾天討論過構造函數，得出了結論是原型對象上的一個屬性，默認指向這個原型的構造函數這個結論貌似對我們平時的工作中似乎并沒有什么用處，那構造函數，就真的沒什么用處嗎今天使用構造函數

我們相約在今天，在今天討論javascript構造函數，感謝你如約而至

昨天

我們昨天前幾天討論過構造函數constructor，得出了結論
constructor是原型對象上的一個屬性，默認指向這個原型的構造函數
這個結論貌似對我們平時的工作中似乎并沒有什么用處，那構造函數，就真的沒什么用處嗎？

今天 使用構造函數構造可以復用的對象

JS中的函數即可以是構造函數又可以當作普通函數來調用，當使用new來創建對象時，對應的函數就是構造函數，通過對象來調用時就是普通函數。

在我們平時工作中，經常會需要我們創建一個對象，而我們更多的是使用對像直接量，直接創建，舉個栗子，代碼如下

var person = {
    name:"postbird",
    address:"earth",
    sayHello:function(){console.log("Hello,I am " + this.name);}
};

如果只是一個多帶帶的對象，對象的屬性和方法基本不會變了，這么玩完全可以，但是如果你的對象有很多實例，或者涉及繼承或者構造函數傳參,留意代碼注釋

//創建了一個構造函數
function Person(name,address){
    this.name = name;
    this.address = address;
}
//為構造函數的原型對象添加一個方法sayHello
Person.prototype.sayHello = function(){
    console.log("Hi I am " + this.name);
}
//通過構造函數Person實例化一個p1，并傳參
var p1 = new Person("postbird","earth");
//通過構造函數Person實例化一個p2，并傳參
var p2 = new Person("ptbird","month");
console.log(p1);//{name: "postbird", address: "earth"}
console.log(p2);//{name: "ptbird", address: "month"}
// p1和p2 繼承了Person的sayHello方法
p1.sayHello()//Hi I am ptbird
p2.sayHello()//Hi I am postbird

耐心品位上面

GPU云服務器云服務器構造函數私有構造函數非構造函數構造函數對比

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/108638.html

和少婦白潔一起學JavaScript

摘要：我們已經回答了的構造函數和原型都是誰的問題，現在牽扯出來一個，我們繼續檢查的構造函數是全局對象上屬性叫的對象的原型是個匿名函數，按照關于構造函數的約定，它應該是構造函數的屬性我們給這個對象起個名字，叫。我不確定JavaScript語言是否應該被稱為Object-Oriented，因為Object Oriented是一組語言特性、編程模式、和設計與工程方法的籠統稱謂，沒有一個詳盡和大家...

DevTTL 2019-08-20 14:29 評論0 收藏0
講清楚之 javascript原形

摘要：構造函數和實例都通過屬性指向了原形。代碼示例是構造函數的實例的屬性與的屬性保存的值相等，即他們指向同一個對象原形。講清楚之javascript原型標簽： javascript javascript 中原形是一個比較難于理解的概念。javascript 權威指南在原形這一章也花了大量的篇幅進行介紹，也許你已經讀過javascript 權威指南，或者已經是讀第N篇了，然而這篇文章的目...

高勝山 2019-08-22 17:29 評論0 收藏0
JavaScript 工廠函數 vs 構造函數

摘要：當談到語言與其他編程語言相比時，你可能會聽到一些令人困惑東西，其中之一是工廠函數和構造函數。好的，讓我們用構造函數做同樣的實驗。當我們使用工廠函數創建對象時，它的指向，而當從構造函數創建對象時，它指向它的構造函數原型對象。 showImg(https://segmentfault.com/img/bVbr58T?w=1600&h=900); 當談到JavaScript語言與其他編程語言...

RayKr 2019-08-23 17:17 評論0 收藏0
徹底搞懂JavaScript中的繼承

摘要：這正是我們想要的太棒了毫不意外的，這種繼承的方式被稱為構造函數繼承，在中是一種關鍵的實現的繼承方法，相信你已經很好的掌握了。你應該知道，JavaScript是一門基于原型鏈的語言，而我們今天的主題 -- 繼承就和原型鏈這一概念息息相關。甚至可以說，所謂的原型鏈就是一條繼承鏈。有些困惑了嗎？接著看下去吧。一、構造函數，原型屬性與實例對象要搞清楚如何在JavaScript中實現繼承，...

_ivan 2019-08-21 17:48 評論0 收藏0
JavaScript的創世神話——一切源于對象

摘要：但是，中并沒有類的概念，而是通過構造函數替代了類的功能，為某一類的對象提供共同的屬性和方法。一只名叫的狗，首先繼承了構造函數的原型對象，而的原型對象中的有繼承了函數的原型對象，函數對象中的有繼承了的原型對象。《圣經》里的第一章創世紀中其中有一段經典記載上帝是如何創造人的。神說：我們要照著我們的形象，按照我們的樣式造人。不謀而合的是，JavaScript中似乎也遵循著上帝的旨意去創造程...

enda 2019-08-22 10:50 評論0 收藏0