這篇文章主要介紹了js中原型鏈、閉包四種作用、繼承、命名空間、枚舉類型的案例分析，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),高坪企業(yè)網(wǎng)站建設(shè),高坪品牌網(wǎng)站建設(shè),網(wǎng)站定制,高坪網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,高坪網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

原型鏈

JavaScript 對象是動態(tài)的屬性“包”（指其自己的屬性）。JavaScript 對象有一個指向一個原型對象的鏈。當(dāng)試圖訪問一個對象的屬性時，它不僅僅在該對象上搜尋，還會搜尋該對象的原型，以及該對象的原型的原型，依次層層向上搜索，直到找到一個名字匹配的屬性或到達原型鏈的末尾。

在不影響origin的原型鏈的前提下，創(chuàng)建一個target復(fù)制origin的原型鏈

var inherit = (function(){
    var F = function (){};
    return function (Target, Origin){
        F.prototype = Origin.prototype; 
        Target.prototype = new F();
        Target.prototype.constructor = Target;   //目標函數(shù)的原型的構(gòu)造函數(shù)定義為目標函數(shù)
        Target.prototype.uber = Origin.prototype; //uber超類，指的是目標函數(shù)的最終原型為Orign的原型
        }
    }())

繼承

一般公司常用立即執(zhí)行函數(shù)寫功能，而且調(diào)用一個init()初始化函數(shù)

代碼中的callname()中的call作用是改變this指針，將name的this指向改為當(dāng)前函數(shù)下的this

注意的是要用return返回函數(shù)

<script>
var init=(function(){
    var name ='辣雞';
    function callname(){
        console.log(name);
        }
    return function(){
        callname();
        }
    }())
init();
</script>

枚舉：

var org={
    name:'智障',
    sex:'男',
    height:178
}
for ( var proto in org ){
    console.log(org.proto)
}

這樣子會打印三次undefined，因為此時會把proto當(dāng)成對象的某個屬性，要把代碼中的org.proto改為org[proto]，否則會默認理解為org['proto']。

正常輸出如下，打印出三個值，若想打印屬性，則直接console.log(proto)

對象的枚舉，三種方法：

for in -----> 1.instanceof             2.hasOwnProperty        3. in

1、instance of

A instance of B

判斷A對象是不是B的構(gòu)造函數(shù)構(gòu)造出來的

function Person(){}
var person = new Person();

所以識別數(shù)組和對象的方法------->1. instanceof  2. to String   call        3.constructor

1）var obj={}

2）toString   call

3）constructor

var obj = {}

看A對象的原型鏈上有沒有B的原型

2、hasOwnProperty，判斷是否屬于自己的方法，可以排除原型的方法__proto__

var org={
    name:'智障',
    sex:'男',
    height:178,
    __proto__:{
        lastName:'zhang'
        }
    }for(var prop in org){    if(org.hasOwnProperty( prop )){
    console.log(prop)
    }
}var obj={};

3、in

in 和 hasOwnProperty 情況類型，但是原型中的方法也存在方法列舉中

當(dāng)內(nèi)部函數(shù)被保存在外部時，會生成閉包函數(shù)，閉包會導(dǎo)致原有作用域鏈不釋放，造成內(nèi)存泄漏

閉包四種作用：

1.實現(xiàn)公有變量  eg：累加器

2.可以做緩存（存儲結(jié)構(gòu)）

3.實現(xiàn)封裝，屬性私有化

4.模塊化開發(fā)，防止污染全局變量（圣杯模式）

/用閉包來定義公共函數(shù)，并令其可以訪問私有函數(shù)和變量。這個方式也稱為 模塊模式（module pattern）（圣杯模式)

感謝你能夠認真閱讀完這篇文章，希望小編分享js中原型鏈、閉包四種作用、繼承、命名空間、枚舉類型的案例分析內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)建站，關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)建站，詳細的解決方法等著你來學(xué)習(xí)!

分享名稱：js中原型鏈、閉包四種作用、繼承、命名空間、枚舉類型的案例分析-創(chuàng)新互聯(lián)
標題網(wǎng)址：http://chinadenli.net/article24/cegpce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、企業(yè)網(wǎng)站制作、網(wǎng)站建設(shè)、用戶體驗、電子商務(wù)、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)