最近,我学习了jquery的源码,有个很深的认识就是——当对js的基本语法和面向对象思维了解比较熟悉之后,js真正的精髓在通过阅读一些优秀的框架源码也显现出来,我个人总结为对原型(原型链)和闭包两个基本认识上的大头的全面认识和灵活运用,当然还有在编码路上需要慢慢积累的数据结构、代码技巧、内存管理和事件回调机制经验等方面知识的掌握。

所以今天写了几行代码试了试原型的脾性,看下面代码:

function chainOne(){
this.name1="zhuxingyu";
this.age1=20;
} var a=new chuainOne();//创建实例并执行该函数 console.log(a.name1); //zhuxingyu console.log(chainOne.prototype);//Object{}
chainOne.prototype={
name2:"chenjiajun",
age2:23,
name1:"lujian"
} console.log(chainOne.prototype); //Object{name2:"chenjiajun“,age:23,name1:"lujian"}
console.log(new chainOne().name2);//chenjiajun
console.log(new chainOne().name1);//zhuxingyu

  

  从上面代码可以看出,用构造函数内部this指向的属性,在fnname.prototype(原型)中为{},属性不可见,但实例对象可访问属性。再通过fnname.prototype=对象,这时fnname.prototype(原型)的值为对象,且实例对象此时,注意是此时可以访问fnname.prototype的属性,我们用对象中的一个属性(与构造函数内属性同名)name1希望来覆盖构造函数中的属性,结果是优先输出构造函数里的属性,覆盖不了。再看下面:

function chainOne(){
this.name1="zhuxingyu";
this.age1=20;
}
var a=new chuainOne();//创建实例并执行该函数
console.log(a.name1); //zhuxingyu
console.log(chainOne.prototype);//Object{}
chainOne.prototype={
name2:"chenjiajun",
age2:23,
name1:"lujian"
} console.log(chainOne.prototype); //Object{name2:"chenjiajun“,age:23,name1:"lujian"}
console.log(new chainOne().name2);//chenjiajun
console.log(new chainOne().name1);//zhuxingyu
           function chainTwo(){}

           chainTwo.prototype={
name3:"yinjun",
age3:18
} chainOne.prototype=chainTwo.prototype; console.log(chainOne.prototype); //Object{name3:"yinjun",age3:18} console.log(new chainOne().name2);//undifined    console.log(new chainOne().name3);//yinjun

  

     上面的代码可以看出,chainOne.prototype(原型)会随着赋给它的对象的不同而其内容会变成相应对象的内容,形式就如同一个普通的变量,但fnname.prototype(原型)会一直拥有构造函数fnname生产的实例对象指向它的指针,同时构造函数内部的属性在new构造时会将属性放在fnname.prototype中(如果是这样,那么这部分属性应该被强制隐藏与保存,并且拥有专权)或者fnname.prototype通过指针指向的内存区域中,所以实例对象可以访问到fnname.proyotype区域和其通过指针指向的区域中的属性。

JS原型探索小记(一)的更多相关文章

  1. JS原型链

    JS作为发展了多年了对象语言,支持继承,和完全面向对象语言不同的是,JS依赖原型链来实现对象的继承. 首先JS的对象分两大类,函数对象和普通对象,每个对象均内置__proto__属性,在不人为赋值__ ...

  2. 深入分析JS原型链以及为什么不能在原型链上使用对象

    在刚刚接触JS原型链的时候都会接触到一个熟悉的名词:prototype:如果你曾经深入过prototype,你会接触到另一个名词:__proto__(注意:两边各有两条下划线,不是一条).以下将会围绕 ...

  3. 【09-23】js原型继承学习笔记

    js原型继承学习笔记 function funcA(){ this.a="prototype a"; } var b=new funcA(); b.a="object a ...

  4. js原型

    1.js基本类型和对象类型 js的简单类型包括数字(其中NaN为数字类型).字符串(类似'A'为字符,js没字符类型).布尔值.null值和undefined值.其他所有的值都是对象.数字.字符串和布 ...

  5. js原型链与继承(初体验)

    js原型链与继承是js中的重点,所以我们通过以下三个例子来进行详细的讲解. 首先定义一个对象obj,该对象的原型为obj._proto_,我们可以用ES5中的getPrototypeOf这一方法来查询 ...

  6. JS 原型链图形详解

    JS原型链 这篇文章是「深入ECMA-262-3」系列的一个概览和摘要.每个部分都包含了对应章节的链接,所以你可以阅读它们以便对其有更深的理解. 对象 ECMAScript做为一个高度抽象的面向对象语 ...

  7. js原型解析

    我们都知道javascript因为具有了继承以及变量等等一系列的特性之后才被人们认为具有一门编程语言的资格,在后续的不断发展中,js在原生的基础上扩展了基于jquery等等的库,甚至衍生了像node. ...

  8. 深入理解JS原型链与继承

    我 觉得阅读精彩的文章是提升自己最快的方法,而且我发现人在不同阶段看待同样的东西都会有不同的收获,有一天你看到一本好书或者好的文章,请记得收藏起来, 隔断时间再去看看,我想应该会有很大的收获.其实今天 ...

  9. 学习zepto.js(原型方法)

    学习zepto.js(原型方法)[1] 转载 新的一周,新的开始,今天来学习一下zepto里边的原型方法,就是通过$.进行调用的方法,也是可以通过$.fn进行扩展的方法: $.camelCase(): ...

随机推荐

  1. POJ 3140 Contestants Division 树形DP

    Contestants Division   Description In the new ACM-ICPC Regional Contest, a special monitoring and su ...

  2. 导出word使用模版

    在我们做我们的小组项目的时候,刚开始的时候我们用到的是Mvc+EF,用上了我们的ITOO框架.在最开始的计划,我们要用到瑞郎报表.可是呢,由于工期原因以及技术暂时没有实现,我们不得不想一个比较折中的方 ...

  3. 对于一个负数mod正数

    鸟神说.. a/b靠零取整 然后呢..a%b定义成a-(a/b)*b c语言就是这么算的... 那么python2.6是怎么算的呢 如果最后你取模想得到一个正数.. 那么在上述取模定义不变的情况下 p ...

  4. Eclipse中Ctrl+方法名发现无法进入到该方法中……

    我现在的情况是,按住Ctrl点击该方法后,发现进入不到这个方法的定义. 后来我发现,是因为这个项目是在某个项目文件夹中,如下: 这时直接找到server这个项目就没有问题了,如图:

  5. Android 中常用的布局

    一.线性布局----LinearLayout   horizontal 水平 <?xml version="1.0" encoding="utf-8"?& ...

  6. 关于oracle ORA-28001的解决方法

    今天发现客户的机器上的系统登录不上了,并且提示如下情况: 发现原来Oracle11G的新特性所致, Oracle11G创建用户时缺省密码过期限制是180天(即6个月), 如果超过180天用户密码未做修 ...

  7. Java String类的常用方法

    String(byte[ ] bytes):通过byte数组构造字符串对象. String(char[ ] value):通过char数组构造字符串对象. String(Sting original) ...

  8. oracle通过sequence定义触发器支持id的自增

    sequence:s_author_id,从1开始步幅是1,最大值是999999999 -- Create sequence create sequence S_AUTHOR_ID minvalue ...

  9. 2014-2015 ACM-ICPC, NEERC, Moscow Subregional Contest D. Do it Right!

    D. Do it Right! time limit per test 2 seconds memory limit per test 256 megabytes input standard inp ...

  10. BZOJ3145 : [Feyat cup 1.5]Str

    如果不存在模糊点,那么答案就是两个串的最长公共子串. 如果模糊点是某个串的开头或者结尾,那么可以暴力枚举另一个串中的某个前后缀更新答案. 否则,假设模糊点在第一个串里是$i$,在第二个串里是$j$,那 ...