首页 > 代码库 > prototype 原型的学习

prototype 原型的学习

2017年4月18日09:01:32
原型:prototype (面向对象)
prototype:在js中,任何一个函数,都有一个prototype属性,指向一个对象,输出这个函数的prototype属性,你会发现一个空对象,输出这个prototype的类型是一个object。
1:原型作用:一个函数的原型,对于普通函数,没有作用,但是如果函数是一个构造函数,name函数的原型,有非常大的作用,具体如下
        //当一个函数被new出来的时候,不仅仅执行了构造函数里面的语句,也会把这个函数的proto——(原型对象)指向构造函数的proto。
        var xiaoming = new People();
        console.log(xiaoming.__proto__);
        console.log(xiaoming.__proto__==People.prototype);
        // 当我们访问那么,age的时候,构造函数返回的对象本身没有,那么就去查找原型,原型如果有就拿来当做自己的属性。
        console.log(xiaoming);
prototype一定使函数的属性。只能使用函数名调用赋值,当这个函数是一个构造函数的时候,那么new出来的对象将以他的原型那个对象为new出来的实例的原型对象。技术分享技术分享
任何一个对象都有__proto__属性,这个只是chrome的属性,别的不兼容,别的浏览器不能通过__proto__进行访问.
原型查找:是js里面很重要的一个机制。当我们要访问一个对象本身的属性的时候,如果这个对象身上有这个属性,直接返回值,如果没有这个属性,将访问它的原型对象。
prottype:原型,构造函数的属性,只有函数有原型。
__proto__原型对象,任何对象都有原型对象。:
那么__proto__是什么?我们在这里简单地说下。每个对象都会在其内部初始化一个属性,就是__proto__,当我们访问一个对象的属性时,如果这个对象内部不存在这个属性,那么他就会去__proto__里找这个属性,这个__proto__又会有自己的__proto__,于是就这样一直找下去,也就是我们平时所说的原型链的概念。
按照标准,__proto__是不对外公开的,也就是说是个私有属性,但是Firefox的引擎将他暴露了出来成为了一个共有的属性,我们可以对外访问和设置。
http://www.cnblogs.com/zzcflying/archive/2012/07/20/2601112.html (详情参考)
2:原型的用途:
原型优点技术分享
如果不用原型,那么new的时候每一个对象都会复制一份构造函数里面的属性,多个对象会占用很大的内存。如果使用原型设置属性,所有对象都只调用一个函数,可以节省空间。
3:原型链查找
1)constructor:函数的原型有constructor属性,是原型的属性,这个属性值是原型的构造函数,
技术分享技术分享
原型是实例的原型对象,构造函数是构造函数的原型构造器,通过构造函数才创造出一个构造函数的原型,构造函数的原型是一个对象,通过new函数制造出来的实例化对象的原型都是构造函数的原型
构造函数《==》原型
object用于创造对象,它是系统内置的构造函数,object。prototype是所有对象的原型链终点,所以当使用对象点语法调用某个函数的时候,系统会沿着原型链寻找定义,一直到Object。prototype
数组的原型链:
JS在创建对象(不论是普通对象还是函数对象)的时候,都有一个叫做__proto__的内置属性,用于指向创建它的函数对象的原型对象prototype。
在js中,面向对象技术,已经变成了组织代码的方式,这种方式叫做组件开发。
技术分享
继承:
          //函数不调用不会自己执行
            // 把人类的所有属性给了学生类
            this.constructor.apply(this,arguments);
            this.xuehao = xuehao;
            this.flowernum = flowernum;
        }
        //继承的核心语句
        // 把人类的方法给了学生类
        Student.prototype = new People();
        // 下面这种情况会改变父类原型中的相同方法
        // Student.prototype = People.prototype;(不建议使用)。
for,,in 循环可以将原型链上所有可以枚举的东西列举出来。for(var k in obj)
in运算返回的是一个布尔值,系统默认例如constructor等属性是不可枚举的。for   in可以把自己添加的属性罗列起来,也可以将原型链上所有的属性罗列。
hasOwnProperty用来验证这个属性在不在当前obj里面,不会顺着原型链爬。只能输出当前在这个obj里面的。
直接使用点语法判断属性是不是在obj里面如果是underfined说明不在。 否则返回属性值。点语法会遍历原型链
instanceof运算符
类:class
实例:instance   A instanse B 验证A是不是B的实例
//数组的构造函数自带的方法 (ie9之后开始兼容)ECMAScript5标准中新增的一个API验证数组。
        var arr = [];
        console.log(arr instanceof Array);//true
        console.log(typeof arr);//object
        console.log(arr instanceof Object);//true
        console.log(Array.isArray(arr));//true
运算机理:
遍历HelloKit这个对象原型链上的每个原型对象,如果遍历到这个原型对象是某个构造函数的Prototype,那么hellokit也是这个构造函数的实例。
 
在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例。但是在Javascript语言体系中,
是不存在类(Class)的概念的,javascript中不是基于‘类的’,而是通过构造函数(constructor)和原型链(prototype chains)实现的。
 所谓属性,就是对象的一种状态;所谓方法,就是对象的一种行为。
Cat.prototype = new Dog();cat继承了dog的属性。

prototype 原型的学习