關于原型簡單的了解

Martin91 發布于2019-08-26 12:16 / 1124人閱讀

摘要：在中并沒有定義函數的圓形類型，所以原型可以時任何類型。原型時用于保護對象的共享屬性和方法的，原型的屬性和方法并不會影響函數本身的屬性和方法。構造函數屬性名屬性值，方法名自由屬性和原型屬性自由屬性通過對象的引用添加的屬性。

原型

原型是聲明

在JavaScript中，函數時一個包含屬性和方法的Function類型的對象。而原型（Prototype）就是Function類型對象的一個屬性。在函數定義是就包含了protopype屬性，它的出事值時一個空對像。在JavaScript中并沒有定義函數的圓形類型，所以原型可以時任何類型。原型時用于保護對象的共享屬性和方法的，原型的屬性和方法并不會影響函數本身的屬性和方法。
function foo (a,b){
return a+b;
}
console.log (typeof foo.prototyoe)；//boject

獲取原型

通過如下兩種方式可以獲取對象的原型，從而設置共享的屬性和方法：
通過構造函數的prototype屬性
function person（）{
console.log ("person instantiated");
}
console.log(person.prototype);
通過Object對象的getPrototypeOf(obj)方法。
function Person（）{
console.log (person instantiated)；
}
console.log(Object.getprototypeOf(person));

原型的屬性和方法

通過如下兩種方式可以設置原型的屬性和方法。
構造函數.Prototype.屬性名+屬性值；
構造函數.prototype.方法名=function(){}
直接為原型定義一個新對象。
構造函數.prototype={
屬性名：屬性值，
方法名：function（）{}
}

自由屬性和原型屬性

自由屬性：通過對象的引用添加的屬性。其他對象可能無此屬性：即使有，也是彼此獨立的屬性。
原型屬性：從原型屬性對象中繼承來的屬性，一旦原型屬性中屬性改變，所有繼承原型屬性對象屬性均改變。
function Emo（ename，salary）{
this.ename=ename;
this.salary=salary;
}
Emp.prototype={city:北京市，dept：研發部}
var emp1 =new Emp（"Mary",3800）;
var emp2 =new Emp("tmp",3000);

檢測自由或原有屬性

使用hasOwnPrototype（）方法檢測對象時否具有指定的自有屬性：
function Hero（）{}
var hero = new Hero（）
console.log(hero.hasOwnPrototype("name"));
使用in關鍵字檢測對象及其原型鏈中是否具有指定的屬性：
function Hero（）{}
var hero=new Hero（）；
console.;log("name"in hero);

擴展屬性或方法

通過原型看為指定構造函數或對象擴展其屬性或方法，如下代碼實例：
function Hero （）{}
Hero.protoptype={
name:"Mary",
salary:3800}
var hero =new Hero();
console.log (hero.name);//mary

重寫原型屬性

通過構造函數或對象的自由屬性可以重寫原型的屬性，如下代碼示例：
function Hero（）{}
Hero.prototype={}

GPU云服務器云服務器基于原型的語言 js原型鏈的繼承深度學習的了解對大數據的了解

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

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

關于個人第一天前端面試的面試問答QA，希望能對其他找前端工作的朋友有所幫助。

摘要：兩日前，發了一篇吐槽，莫名的火了一把。關于的第一個，其實就是聲明一個常量，不允許變更。另外對象迭代這里出自，阮一峰大神寫的入門指南，對象篇。兩日前，發了一篇吐槽，莫名的火了一把。經過大家的建議與鼓勵，于是修改了簡歷，開始了重新投遞，2天后接到第一份面試邀請。此文為個人面試經歷，QA問答過程與總結，不透露面試公司及面試人員，內容真實，如果有面試過我的大佬看到博客，歡迎指出問題。循序...

Youngdze 2019-08-20 15:29 評論0 收藏0
關于javascript的原型和原型鏈，看我就夠了（一）

摘要：要用作原型的對象。函數對象可以創建普通對象，這個我們上面講過了回顧一下這是一個自定義構造函數普通對象沒法創建函數對象，凡是通過創建的對象都是函數對象，其他都是普通對象通常通過創建，可以通過來判斷。關于js的原型和原型鏈，有人覺得這是很頭疼的一塊知識點，其實不然，它很基礎，不信，往下看要了解原型和原型鏈，我們得先從對象說起創建對象創建對象的三種方式：對象直接量通過對象直接量創建...

MoAir 2019-08-23 12:43 評論0 收藏0
深入理解JS的面向對象（更新中）

摘要：的面向對象主要包含了兩塊創建對象繼承。構造函數一般來說，我們可以這樣定義構造函數構造函數的函數名常大寫在這里，我們沒有顯示的創建對象，沒有語句，卻將屬性和方法賦值給了。面向對象是軟件開發方法。面向對象的概念和應用已超越了程序設計和軟件開發，擴展到如數據庫系統、交互式界面、應用結構、應用平臺、分布式系統、網絡管理結構、CAD技術、人工智能等領域。面向對象是一種對現實世界理解和抽象的方法...

陳偉 2019-08-22 15:07 評論0 收藏0
JavaScript深入淺出

摘要：理解的函數基礎要搞好深入淺出原型使用原型模型，雖然這經常被當作缺點提及，但是只要善于運用，其實基于原型的繼承模型比傳統的類繼承還要強大。中文指南基本操作指南二繼續熟悉的幾對方法，包括，，。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。怎樣使用 this 因為本人屬于偽前端，因此文中只看懂了 8 成左右，希望能夠給大家帶來幫助....（據說是阿里的前端妹子寫的） this 的值到底...

blair 2019-08-21 18:26 評論0 收藏0