最近,我学习了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. Codeforces Beta Round #77 (Div. 1 Only) C. Volleyball (最短路)

    题目链接:http://codeforces.com/contest/95/problem/C 思路:首先dijkstra预处理出每个顶点到其他顶点的最短距离,然后如果该出租车到某个顶点的距离小于等于 ...

  2. Java学习笔记(五)——数组

    一.数组使用方法 1. 声明数组 语法: 数据类型[ ] 数组名: 或者   数据类型 数组名[ ]: 其中,数组名可以是任意合法的变量名 2. 分配空间 简单地说,就是指定数组中最多可存储多少个元素 ...

  3. for循环嵌套

    今天复习了分支语句以及for循环,新内容主要讲解了for循环的嵌套: 外循环控制行,内循环控制列 下面几个实例: 五行五列的矩阵 左下角是直角的三角形: 左上角是直角的三角形: 右上角为直角的三角形: ...

  4. 【转】Linux 查看内存(free buffer cache)

    转自:http://elf8848.iteye.com/blog/1995638 Linux下如何查内存信息,如内存总量.已使用量.可使用量.经常使用Windows操作系统的朋友,已经习惯了如果空闲的 ...

  5. json 入门(1)

    1.JSONObject介绍 JSONObject-lib包是一个beans,collections,maps,Java arrays和xml和JSON互相转换的包. 2.下载jar包 http:// ...

  6. X-UA-Compatible属性的解释

    问题描述: 代码如下: <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE& ...

  7. Codeforces Round #355 (Div. 2)-B

    B. Vanya and Food Processor 题目链接:http://codeforces.com/contest/677/problem/B Vanya smashes potato in ...

  8. psql-01基本介绍

    安装与启动 安装: apt-get install postgresql / yum install postgresql.XXX; 启动: mac下直接打开 linux service postgr ...

  9. 安卓微POS-PDA手持终端,支持离线在线联网销售开单;移动开单 盘点 功能

    采购单.采购退货单  销售单.销售退货单.收款.优惠.赠品等操作实现盘点作业(多台设备同时作业,相同商品,数量累计) 现场打印票据 实现采购订单.采购单.采购退货单.销售订单.销售单.销售退货单验货没 ...

  10. WPF三种基本触发器与【与或】逻辑触发器

    wpf中的触发器是应用于程序界面模板.样式.皮肤.主题的基础.以下作为学习的记录. 1,三种基本触发器,属性触发器.数据触发器.事件触发器 属性触发器 <!--属性触发器--> <T ...