JavaScript第九天筆記（原型）

aervon 發(fā)布于2019-08-26 12:14 / 3561人閱讀

摘要：而原型就是類型對象的一個屬性。在中并沒有定義函數(shù)的原始類型，所以原型可以是任何類型。原型是用于保存對象的共享屬性和方法的，原型的屬性和方法并不會影響函數(shù)本身的屬性和放大。

原型概述

在JavaScript中，函數(shù)是一個包含屬性和方法的Function類型的對象。而原型（Prototype）就是Function類型對象的一個屬性。
在函數(shù)定義時九包含了prototype屬性，他的初始值是一個空對象。在JavaScript中并沒有定義函數(shù)的原始類型，所以原型可以是任何類型。
原型是用于保存對象的共享屬性和方法的，原型的屬性和方法并不會影響函數(shù)本身的屬性和放大。

獲取原型

1.通過構(gòu)造函數(shù)的prototype屬性

function fn(){
    console.log("this is function");
}
console.log(fn.prototype);

2.通過Object對象的getgetPrototypeOf()方法

function fn(){
    console.log("this is function");
}
console.log(Object.getPrototypeOf(fn));

為原型新增屬性或方法

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

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

}

構(gòu)造函數(shù)的原型

/*定義構(gòu)造函數(shù)*/
function Fun(){
    this.name = "segment";
    this.sayMe = function(){
        console.log("this is function");
    }
}
//操作構(gòu)造函數(shù)Fun的原型
Fun.prototype.age = 18;
// 利用構(gòu)造函數(shù)來創(chuàng)建對象
var fun = new Fun();
console.log(fun);
// 為構(gòu)造函數(shù)的原型新增的屬性 -> 構(gòu)造函數(shù)創(chuàng)建的對象中依舊可以訪問
console.log(fun.age);// 18
// 對象fun中不存在age屬性
var result = Object.getOwnPropertyDescriptor(fun, "age");
console.log(result);

自有屬性和原型屬性

自有屬性：構(gòu)造函數(shù)本身的屬性
原型屬性：通過原型所定義的屬性

function Mingzi （name）{
      this .name = name;
      this .sayMe = function(){
      console .log("this is function")
      }
}
Mingzi.prototype.age = 18;
var mingzi = new Hero("石原");

console.log(mingzi.name);// 石原
console.log(mingzi.age);// 18

var mingzi2 = new Mingzi("長澤雅嗎");
console.log(mingzi2.name);// 長澤雅美
console.log(mingzi2.age);// 18
Hero.prototype.age = 80;

console.log(mingzi.age);
console.log(mingzi2.age);

重寫屬性

通過構(gòu)造函數(shù)或?qū)ο蟮淖杂袑傩钥梢灾貙懺偷膶傩?br>自有屬性與原型屬性同名時，默認訪問的是自有屬性

// 定義構(gòu)造函數(shù)
function Hero(){
    this.name = "張無忌";
}
// 構(gòu)造函數(shù)的原型
Hero.prototype.name = "周芷若";
// 構(gòu)造函數(shù)創(chuàng)建對象
var hero = new Hero();
console.log(hero.name);// 張無忌

// 刪除對象的屬性
delete hero.name;
// 重新訪問對象的屬性
console.log(hero.name);// 周芷若

檢測原型的屬性

Object.hasOwnProperty(prop)方法
作用 - 判斷當前指定屬性是否為自有屬性
參數(shù)1.prop - 表示指定屬性名稱

2.返回值 - 布爾值
  true - 表示存在指定的自有屬性
  false - 表示不存在指定的自有屬性

使用in關鍵字檢測對象的屬性
作用 - 判斷對象中是否存在指定屬性(自有屬性或原型屬性)
返回值 - 布爾值

 true - 表示存在指定的屬性
 false - 表示不存在指定的屬性

顯示原型與隱式原型

每個函數(shù)function都有一個prototype，即顯式原型
每個實例對象都有一個__proto__，可稱為隱式原型
對象的隱式原型的值為其對應構(gòu)造函數(shù)的顯式原型的值
函數(shù)的prototype屬性: 在定義函數(shù)時自動添加的, 默認值是一個空Object對象
對象的__proto__屬性: 創(chuàng)建對象時自動添加的, 默認值為構(gòu)造函數(shù)的prototype屬性值
我們能直接操作顯式原型, 但不能直接操作隱式原型

GPU云服務器云服務器第九天 javascript原型 javascript學習筆記 javascript權(quán)威指南第六版

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/108280.html

26天學通前端開發(fā)（配資料）

摘要：網(wǎng)上有很多前端的學習路徑文章，大多是知識點羅列為主或是資料的匯總，數(shù)據(jù)量讓新人望而卻步。天了解一個前端框架。也可以關注微信公眾號曉舟報告，發(fā)送獲取資料，就能收到下載密碼，網(wǎng)盤地址在最下方，獲取教程和案例的資料。前言好的學習方法可以事半功倍，好的學習路徑可以指明前進方向。這篇文章不僅要寫學習路徑，還要寫學習方法，還要發(fā)資料，干貨滿滿，準備接招。網(wǎng)上有很多前端的學習路徑文章，大多是知...

blair 2019-08-21 16:59 評論0 收藏0
九天學會Java，第一天，變量和數(shù)據(jù)類型，賦值和輸出

摘要：現(xiàn)在我們開始說編程特性第一條變量和數(shù)據(jù)類型，賦值和輸出。從廣為流傳的說起，用建立一個新的工程在目錄建一個文件變量和數(shù)據(jù)類型，賦值和輸出在中，方法是應用程序的入口方法。變量包含三個知識點，新建變量是字符串類型給變量賦值。用9天入門三門編程語言，有可能嘛，尤其是對沒有基礎的同學來說？對于想學好的編程的人來說，無論從哪一門語言開始入手，語言的本身其實并不是我們最應該的關心的，至少不是作為一...

cangck_X 2019-08-16 10:41 評論0 收藏0
九天學會Java，第三天，選擇結(jié)構(gòu)

摘要：選擇結(jié)構(gòu)變量和數(shù)據(jù)類型，賦值和輸出算術運算選擇結(jié)構(gòu)循環(huán)結(jié)構(gòu)函數(shù)定義，函數(shù)調(diào)用變量作用域棧，程序運行的基石面向?qū)ο螽惓Ｌ幚碚Z言提供的公用包上一節(jié)介紹了的算術運算，如加減乘除等，的運算規(guī)則跟四則運算一樣。選擇結(jié)構(gòu) 變量和數(shù)據(jù)類型，賦值和輸出算術運算選擇結(jié)構(gòu) = 60) { System.out.println(You have passed the exam...

Java_oldboy 2019-08-16 10:42 評論0 收藏0
九天學會Java，第四天，循環(huán)結(jié)構(gòu)

摘要：變量和數(shù)據(jù)類型，賦值和輸出算術運算選擇結(jié)構(gòu)循環(huán)結(jié)構(gòu)函數(shù)定義，函數(shù)調(diào)用變量作用域棧，程序運行的基石面向?qū)ο螽惓Ｌ幚碚Z言提供的公用包這次我們講的循環(huán)結(jié)構(gòu)。循環(huán)結(jié)構(gòu)在編程中廣泛使用，所以一定要了解好循環(huán)結(jié)構(gòu)是怎么用的。正確的寫法，是用循環(huán)結(jié)構(gòu)。變量和數(shù)據(jù)類型，賦值和輸出算術運算選擇結(jié)構(gòu) 循環(huán)結(jié)構(gòu) 函數(shù)定義，函數(shù)調(diào)用變量作用域棧，程序運行的基石面向?qū)ο?異常處理語言提供的公用包...

Youngs 2019-08-16 10:42 評論0 收藏0
九天學會Java，第五天，函數(shù)定義函數(shù)調(diào)用

摘要：那么這種封裝的形式就叫做函數(shù)函數(shù)的格式修飾符返回值類型函數(shù)名參數(shù)類型形式參數(shù)，參數(shù)類型形式參數(shù)，執(zhí)行語句返回值有可能有，有可能無函數(shù)的定義我們參考函數(shù)的格式定義幾個函數(shù)因為我們要在中調(diào)用函數(shù)，所以函數(shù)也要定義成。變量和數(shù)據(jù)類型，賦值和輸出算術運算選擇結(jié)構(gòu) 循環(huán)結(jié)構(gòu) 函數(shù)定義，函數(shù)調(diào)用 max) { max = b; } ...

Cheriselalala 2019-08-16 10:44 評論0 收藏0