嗯，昨天忙了一天没来及发，过年啊，打扫啊，什么搽窗户啊，拖地啊，整理柜子啊，什么乱七八糟的都有，就是一个字，忙。

好了，废话也不多说，把自己学到的放上来吧。嗯，说什么好呢，就说原型链啊

原型对象

　　每个javascript对象都有一个原型对象，这个对象在不同的解释器下的实现不同。比如在firefox下，每个对象都有一个隐藏的__proto__属性，这个属性就是“原型对象”的引用。

原型链

　　由于原型对象本身也是对象，根据上边的定义，它也有自己的原型，而它自己的原型对象又可以有自己的原型，这样就组成了一条链，这个就是原型链，JavaScritp引擎在访问对象的属性时，如果在对象本身中没有找到，则会去原型链中查找，如果找到，直接返回值，如果整个链都遍历且没有找到属性，则返回undefined.原型链一般实现为一个链表，这样就可以按照一定的顺序来查找。

怎么讲呢？直接把例子放上来讲好了

<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title></title>

	</head>

	<body>

	<script type="text/javascript">

		window.onload = function() {
                        /*这里就大概了解一下，每一个对象都有一个原型，原型对象的方法属性，对象都可以用*/

			function foo() {

				this.y = 2;

			}

			foo.prototype.x = 1;/*比如这里，定义了原型的属性，x=1*/

			var rr = new foo();

			console.log(rr.y + "和" + rr.x);/*实例化后，可以直接调用原型对象的属性，把原型看成一个类或者方法的集合就可以了*/

			/*继承*/

			function person(name,sex){/*构造函数*/

				this.name=name;

				this.sex=sex;

			}

			person.bb="我是person 上的";

			person.prototype.hi=function(){

				console.log(this.name+"你好"+"我是"+this.sex+"的");

			}

			person.prototype.walk=function(){

				console.log(this.name+"正在走路");

			}

			person.prototype.a=2

			function student(name,sex,like){

				person.call(this,name,sex);/*我这里用call方法来继承*/

				this.like=like;

			}

			student.prototype=Object.create(person.prototype); /*这里用Object.create(继承谁的？)来继承prototype，实质是person.prototype的一个空对象赋值给student.prototype*/

			student.prototype.constructor = student;/*再把名字重新定义过来*/

			Object.prototype.ting = function(){

				console.log(this.name+"正在听")

			}

			student.prototype.chi = function(){

				console.log(this.name+"喜欢吃"+this.like);

			}

			student.prototype.pa = function(xiezi){

				console.log(this.name+"穿上"+xiezi+"奔跑");

			}

			var kk = new student("bob","男","冰淇淋")/*new 实例化对象*/

//			console.log(kk.a);

//			console.log(kk.hi());

     		        console.log(kk.ting())

//			console.log(typeof student.prototype);/*typeof 查看目标是什么类型的*/

			console.log(kk.pa("鞋子"));

			console.log(kk instanceof person.bb)/*intanceof查看右边有没有在左边的原型链上*/

			console.log(kk instanceof person)

			console.log(typeof kk)

		}

	</script>

   </body>

</html>

　　

opp(Object Oriented Programming)的更多相关文章

  1. Object Oriented Programming python

    Object Oriented Programming python new concepts of the object oriented programming : class encapsula ...

  2. JavaScript: Constructor and Object Oriented Programming

    Constructor :  Grammar: object.constructor Example: Javascript code: 1 function obj1() { this.number ...

  3. 面对对象编程(OOP, Object Oriented Programming)及其三个基本特性

    一千个读者,一千个哈姆雷特.对于面对对象编程,书上都会告诉我们它有三个基本特性,封装,继承,多态,但谈起对这三点的见解,又是仁者见仁智者见智,感觉还是得多去编程中体验把 . 面向对象编程(OOP, O ...

  4. Python 面向導向語言 Object Oriented Programming Language

    Pytho 是面向對象的程式語言,舉凡 Literals 值都是 Object.例如: >>> id(38)8791423739696 與 >>> id('ABC' ...

  5. leetcode@ [355] Design Twitter (Object Oriented Programming)

    https://leetcode.com/problems/design-twitter/ Design a simplified version of Twitter where users can ...

  6. oop(Object Oriented Programming)

    嗯,昨天忙了一天没来及发,过年啊,打扫啊,什么搽窗户啊,拖地啊,整理柜子啊,什么乱七八糟的都有,就是一个字,忙. 好了,废话也不多说,把自己学到的放上来吧.嗯,说什么好呢,就说原型链啊 原型对象 每个 ...

  7. Week 5: Object Oriented Programming 9. Classes and Inheritance Exercise: int set

    class intSet(object): """An intSet is a set of integers The value is represented by a ...

  8. python, 面向对象编程Object Oriented Programming（OOP）

    把对象作为程序的基本单元,一个对象包含了数据和操作数据的函数. 面向过程的程序设计把计算机程序视为一系列的命令集合,即一组函数的顺序执行.为了简化程序设计,面向过程把函数继续切分为子函数,即把大块函数 ...

  9. JS面向对象程序设计(OOP:Object Oriented Programming)

    你是如何理解编程语言中的面向对象的? 我们研究JS和使用JS编程本身就是基于面向对象的思想来开发的,JS中的一切内容都可以统称为要研究的“对象”,我们按照功能特点把所有内容划分成“几个大类,还可以基于 ...

随机推荐

  1. servlet与CGI的区别

    与cgi的区别在于servlet处于服务器进程中,它通过多线程方式运行其service方法,一个实例可以服务于多个请求,并且其实例一般不会销毁,而CGI对每个请求都产生新的进程,服务完成后就销毁,所以 ...

  2. 用div做下拉列表

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. javascript深入理解js闭包(看了挺多的，感觉这篇比较透彻)

    闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域 ...

  4. $(function(){})的执行过程分析

    作者:zccst 首先,$(function(){})是$(document).ready(function(){})的简写形式. 在日常使用中,我们会把代码写到$(function(){})中,今天 ...

  5. Codeforces#348DIV2/VK CUP 2016

    昨天第一次开大小号打cf,发现原来小号提交之后大号在此提交同样的代码会被skipped掉,然后之后提交的代码都不记分,昨天a,b,c都是水题 A 题意:问一个物品最多能被分成多少份,分成的连续两份不能 ...

  6. mysql----ERROR 1040 (HY000): Too many connections

    http://gwokae.mewggle.com/wordpress/index.php/archives/683 查看最大链接 mysql -h alg-db14 -u bfdroot -pqia ...

  7. 《玩转Bootstrap（基础）》笔记

    基本的HTML模板 <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...

  8. 《javascript语言精粹》——第3章对象

    第三章:对象: 属性名字:可以是包括空字符串在内的任意字符串: 属性值:是除undefined值之外的任何值; [1].对象字面量: var obj={}; //空对象 var obj = new O ...

  9. X-006 FriendlyARM tiny4412 u-boot移植之Debug串口用起来

    <<<<<<<<<<<<<<<<<<<<<<<<< ...

  10. js 设置url 参数值

    //设置url中参数值 function setParam(param,value){ var query = location.search.substring(1); var p = new Re ...