JS原型探索小记(一)
最近,我学习了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原型探索小记(一)的更多相关文章
- JS原型链
JS作为发展了多年了对象语言,支持继承,和完全面向对象语言不同的是,JS依赖原型链来实现对象的继承. 首先JS的对象分两大类,函数对象和普通对象,每个对象均内置__proto__属性,在不人为赋值__ ...
- 深入分析JS原型链以及为什么不能在原型链上使用对象
在刚刚接触JS原型链的时候都会接触到一个熟悉的名词:prototype:如果你曾经深入过prototype,你会接触到另一个名词:__proto__(注意:两边各有两条下划线,不是一条).以下将会围绕 ...
- 【09-23】js原型继承学习笔记
js原型继承学习笔记 function funcA(){ this.a="prototype a"; } var b=new funcA(); b.a="object a ...
- js原型
1.js基本类型和对象类型 js的简单类型包括数字(其中NaN为数字类型).字符串(类似'A'为字符,js没字符类型).布尔值.null值和undefined值.其他所有的值都是对象.数字.字符串和布 ...
- js原型链与继承(初体验)
js原型链与继承是js中的重点,所以我们通过以下三个例子来进行详细的讲解. 首先定义一个对象obj,该对象的原型为obj._proto_,我们可以用ES5中的getPrototypeOf这一方法来查询 ...
- JS 原型链图形详解
JS原型链 这篇文章是「深入ECMA-262-3」系列的一个概览和摘要.每个部分都包含了对应章节的链接,所以你可以阅读它们以便对其有更深的理解. 对象 ECMAScript做为一个高度抽象的面向对象语 ...
- js原型解析
我们都知道javascript因为具有了继承以及变量等等一系列的特性之后才被人们认为具有一门编程语言的资格,在后续的不断发展中,js在原生的基础上扩展了基于jquery等等的库,甚至衍生了像node. ...
- 深入理解JS原型链与继承
我 觉得阅读精彩的文章是提升自己最快的方法,而且我发现人在不同阶段看待同样的东西都会有不同的收获,有一天你看到一本好书或者好的文章,请记得收藏起来, 隔断时间再去看看,我想应该会有很大的收获.其实今天 ...
- 学习zepto.js(原型方法)
学习zepto.js(原型方法)[1] 转载 新的一周,新的开始,今天来学习一下zepto里边的原型方法,就是通过$.进行调用的方法,也是可以通过$.fn进行扩展的方法: $.camelCase(): ...
随机推荐
- 在Salesforce中用Data Loader去批量处理数据
Data Loader download file: Setup --> Administration Setup --> Data Loader --> Download the ...
- LeetCode——Rotate Image(二维数组顺时针旋转90度)
问题: You are given an n x n 2D matrix representing an image. Rotate the image by 90 degrees (clockw ...
- cocos2dx游戏开发——微信打飞机学习笔记(三)——WelcomeScene的搭建
一.场景与层的关系: cocos2dx的框架可以说主要由导演,场景,层,精灵来构成: 1.其中导演,意如其名,就是操控整个游戏的一个单例,管理着整个游戏. 2.场景就像电影的一幕剧情,所以说,懂得如何 ...
- Java学习随笔5:Java多线程编程
1. 线程是程序中单独顺序的控制流,线程本身依靠程序进行运行,线程是程序中的顺序控制流,只能使用分配给程序的资源和环境. 2. 进程是执行中的程序,一个进程可以包含一个或多个线程,但至少要包含一个线程 ...
- 全面解析windows下Memcache技术应用
原文 http://www.cnblogs.com/liuqin520/p/4615644.html 一.Memcache介绍 Memcache 是 danga.com 的一个项目,最早是为 L ...
- [转载]explicit关键字
本文转自http://www.programlife.net/cpp-explicit-keyword.html. 其实explicit主要用于防止隐式转换,用于修饰构造函数.复制构造函数[注意:一般 ...
- 关于C/C++中数组元素的初始化
1.一维数组初始化 对于一维数组,其初始化有一个错误的观点是:一直以为 int a[256]={0};是把a的所有元素初始化为0,int a[256]={1};是把a所有的元素初始化为1. 数组可 ...
- JavaScript设计模式——状态模式
状态和行为: 所谓对象的状态,通常指的就是对象实例的属性的值:而行为指的就是对象的功能,再具体点说,行为大多可以对应到方法上. 状态模式的功能就是分离状态的行为,通过维护状态的变化,来调用不同状态对应 ...
- redis 的使用 (sort set排序集合类型操作)
sort set排序集合类型 释义: sort set 是 string 类型的集合 sort set 的每个元素 都会关联一个 权 通过 权值 可以有序的获取集合中的元素 应用场合: 获取热门帖子( ...
- 关于最近Google无法正常访问的变通之法(已经被墙)
对于习惯使用谷歌搜素的骚年最近可能比较蛋疼,没这方面需求的就另当别论.可能是政府限制加强的原因,有时访问谷歌在香港服务器也不大好使,不过最近发现,不通过谷歌域名而直接使用谷歌的ip来访问谷歌响应速度可 ...