原型链:
  Object(构造函数) object(类型(对象))

var o = {};
alert(typeof o); //结果是object
alert(typeof Object); //结果是function

  每一个对象都有一个属性叫 __proto__ ,这个属性就是这个对象的原型(o. __proto__),
函数可通过 函数名.prototype 获取原型,对象可以通过 对象.__proto__(双下划线)获取。

  对象有原型,原型也是对象,所以原型也有原型,所有的函数都是对象,继承自Function.prototype,
Function.prototype是对象,继承自Object.prototype,Object.prototype是对象,继承自null。

  o是对象,继承自Object.prototype

  Function是对象,继承自Function.prototype
  Function是函数,继承自Function.prototype


js成员的访问规则:

  o.方法()

  首先在o当前这个类型中寻找该成员的定义,如果存在该成员的定义,那么就直接使用改成员;
如果该成员不再当前类型中,就访问其原型(原型链中的上一级)以此类推,直到null位置。


代码示例:
  不使用继承:

var Person = function() {
this.say = function() {
alert("你好");
};
};
var p1 = new Person();
var p2 = new Person();

alert(p1.say === p2.say); //结果为false

  每new一个对象,就会创建一块新的内存,所以p1.say和怕p2.say并不是引用的同一个地址

 使用原型继承:

var Person = function() {
};
Person.prototype = {
say:function(){
alert("Mr靖");
}
};
var p1 = new Person();
var p2 = new Person();
p1.__proto__.name = "Mr靖";

alert(p1.say === p2.say);   //结果是true
alert(p2.name);         //结果为"Mr靖"

 模拟c#中的类:

var o = {
say:function() {
  alert("你好,我是" +
  this.name + ",我今年" +
  this.age + "岁了,我是" +
  this.sex + "生");
},
get_Name : function() {
  return this.name;
},
set_Name : function(value) {
  this.name = value;
}
};

var Person = function(name,age,sex) {
  this.name = name;
  this.age = age;
  this.sex = sex;
};

Person.prototype = o;       //类似于让Person类继承父类o
var p1 = new Person("Mr靖", 19, "男");
p1.say();

 一般的继承做法:

var inherite = function(name) {
this.name = name;
};
var o = {
sayHello:function() {
alert("你好,我是" + (this.name||"不存在"));
}
};
inherite.call(o, "Mr靖");   //函数inherit中this.name=name相当于在对象o中添加name属性,并把"Mr靖"赋值给它
o.sayHello();
alert(o.name);

js原型继承的更多相关文章

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

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

  2. JS原型继承与类的继承

    我们先看JS类的继承 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l ...

  3. js原型继承四步曲及原型继承图

    一:js原型继承四步曲 //js模拟类的创建以及继承 //动物(Animal),有头这个属性,eat方法 //名字这个属性 //猫有名字属性,继承Animal,抓老鼠方法 //第一步:创建父类 fun ...

  4. JS原型继承和类式继承

    前言 一个多月前,卤煮读了一篇翻译过来的外国人写的技术博客.此君在博客中将js中的类(构造)继承和原型继承做了一些比较,并且得出了结论:建议诸位在开发是用原型继承.文中提到了各种原型继承的优点,详细的 ...

  5. 关于js原型继承

    js的每个类都有一个prototype对象 访问对象的属性时,会先访问到对象自身是否有定义这个属性 如果没有定义,就会去访问对象所属类型的prototype对象是否有此属性 原型继承就是把类型的pro ...

  6. js原型继承深入

    js采用原型继承来实现类的派生,但是原型链再深入点,我们又知道多少呢,现在不妨往下看: 先来一个原型继承: var M1 = function() { this.param = "m1's ...

  7. 前端面试题总结二(js原型继承)

    今天这篇文章整理了JS原型和继承的一些知识点,面试的时候  基!本!都!会!问!还不快认真阅读下文,看看你还有哪些知识点需要掌握吧~ 1.原型链 基本思想:利用原型让一个引用类型继承另外一个引用类型的 ...

  8. JS 原型继承的几种方法

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. JS 原型 & 继承

    理解原型链 先看看http://www.ituring.com.cn/article/56184和http://www.cavabiao.com/prototype-and-inherit-of-ja ...

随机推荐

  1. nutch-1.7 编译

    转载自:http://peigang.iteye.com/blog/1563288 从nutch-.3开始 本地抓取(单击) 和 分布式抓取(集群)所使用的配置文件和命令单独分开. 资源:下载地址:h ...

  2. uva 10496 Collecting Beepers

    一个简单的货郎担问题,用状态压缩dp可以解决: 解法: d(i,S)=min{d(j,S-{j})+dis(i,j) | j belongs to S}; 边界条件:d(i,{})=dis(0,i). ...

  3. 通过 DevOps 整合开发和应用安全管道

    [编者按]作者 Aaron Volkmann 是 CERT Division 高级研究员,通过提出了一种集成安全系统到 CI/CD 的方法,让机构保持快速部署到生产环境能力的同时,也大幅度降低安全隐患 ...

  4. 【 UVALive - 5095】Transportation(费用流)

    Description There are N cities, and M directed roads connecting them. Now you want to transport K un ...

  5. 集群-Session解决方案

    在集群中session安全和同步是个最大的问题,下面是收集到的几种session同步的方案,希望能通过分析其各自的优劣找出其适应的场景. 1. 客户端cookie加密 简单,高效.比较好的方法是自己采 ...

  6. 修改窗口属性(全部都是SetWindowLong设置)

    说明: 以下函数对于POPUP窗口有效,对于子窗口好像不行. //最小化按钮有效 ::SetWindowLong(m_hWnd,GWL_STYLE,GetWindowLong(m_hWnd,GWL_S ...

  7. 最完整的合并相交集合的Java代码(查并集)

    这个是自己写的算法,如果有大牛,麻烦帮我并行化.初学者则可以学到不少东西. 产生测试用例 import java.io.*; import java.util.Random; public class ...

  8. Spring MVC 解读——@RequestMapping (1)(转)

    转自:http://my.oschina.net/HeliosFly/blog/212329 Spring MVC 解读——@RequestMapping 为了降低文章篇幅,使得文章更目标化,简洁化, ...

  9. [SSD大法好]神舟K480-I5-D3鸟枪换炮M6S

    Hello,SSD 期盼已久,终于入手了M6S的256G固态硬盘,白天就不安生一直百度.谷歌.必应,势必要把所有相关消息查个清楚这神舟K480I5D3怎生拆呢. 最后心里隐约有了安装的法门. 但到得开 ...

  10. 自定义UITableView的Seperator

    在默认配置中 ,UITableView的Cell之间的Seperator左边总是空出一块,即使在Storyboard中设置为0 ,也没有效果 需要在代码中进行配置,在ViewController中实现 ...