js中原型链、闭包四种作用、继承、命名空间、枚举类型的案例分析-创新互联

这篇文章主要介绍了js中原型链、闭包四种作用、继承、命名空间、枚举类型的案例分析，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联是一家集网站建设,高坪企业网站建设,高坪品牌网站建设,网站定制,高坪网站建设报价,网络营销,网络优化,高坪网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

原型链

JavaScript 对象是动态的属性“包”（指其自己的属性）。JavaScript 对象有一个指向一个原型对象的链。当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象的原型的原型，依次层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾。

在不影响origin的原型链的前提下，创建一个target复制origin的原型链

var inherit = (function(){
    var F = function (){};
    return function (Target, Origin){
        F.prototype = Origin.prototype; 
        Target.prototype = new F();
        Target.prototype.constructor = Target;   //目标函数的原型的构造函数定义为目标函数
        Target.prototype.uber = Origin.prototype; //uber超类，指的是目标函数的最终原型为Orign的原型
        }
    }())

继承

一般公司常用立即执行函数写功能，而且调用一个init()初始化函数

代码中的callname()中的call作用是改变this指针，将name的this指向改为当前函数下的this

注意的是要用return返回函数

<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当成对象的某个属性，要把代码中的org.proto改为org[proto]，否则会默认理解为org['proto']。

正常输出如下，打印出三个值，若想打印属性，则直接console.log(proto)

js中原型链、闭包四种作用、继承、命名空间、枚举类型的案例分析

对象的枚举，三种方法：

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

1、instance of

A instance of B

判断A对象是不是B的构造函数构造出来的

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

js中原型链、闭包四种作用、继承、命名空间、枚举类型的案例分析

所以识别数组和对象的方法------->1. instanceof 2. to String call 3.constructor

1）var obj={}

js中原型链、闭包四种作用、继承、命名空间、枚举类型的案例分析

2）toString call

js中原型链、闭包四种作用、继承、命名空间、枚举类型的案例分析

3）constructor

var obj = {}

js中原型链、闭包四种作用、继承、命名空间、枚举类型的案例分析

看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={};

js中原型链、闭包四种作用、继承、命名空间、枚举类型的案例分析