一、理解什么是对象:
任何东西都可以是对象,对象就是一组无序属性的集合 对象具有属性和方法
1.1 属性的类型
属性内部又定义了两种属性:数据属性和访问器属性

(1)数据属性:有4个描述的行为

Configurable 表示是否可以通过delate删除属性
Enumerable 表示是否可以通过for-in循环返回属性
Writable 表示是否修改属性的值
Value 表示这个属性的数据值

 

想要访问这些行为就需要用到Object.defineProtoperty()这个方法,参数是对象 属性名 {行为:值}
注意:如果一旦设置为false也就是不可配置之后,就不能配置成可配置的了(除了:writeable)虽然ie8能实现这个方法,但是实现不彻底(只能在DOM对象上使用,只能创建访问器属性),所以不要在ie8使用

(2)访问器属性

Configurable 是否通过delate删除
Enumerable 是否通过for-in循环
Get  读取属性调用的函数
Set 写入属性调用的函数

 

同样需要通过Object.definePrototype() 参数也是一样的 如果是get和set就是值需要写成函数。
这里有两个非标准的获取和写入属性的函数:_definefineGetter_()和_defineSetter_()这两个可以只用用对象.方法(‘属性’,functon(){return this.属性})

1.2、定义多个属性

Object.defineProperties() 参数:对象 {属性:{行为:值}}

1.3、获取属性的特性

利用上面两个方法设置好属性的特性之后,就可以用Obecjt.getOwnPropertyDescriptor()获取到属性的行为
Obecjt.getOwnPropertyDescriptor() 参数 对象 属性名,获取到的是这个属性的所有的行为的json类型

二、创建对象
2.1、工厂模式

function person(name,age){
    var o=new Oject();
    o.name=name;
    o.age=age;
    o.getname=function(){
        alert(this.name)
    }
    return o;
}
var person1=person(1,2)

这里面是类似一个公共的函数,每次调用这个函数传入对应的值。这样省了每次都要写相同的代码  问题是:这样不能知道一个对象的类型

2.2、构造函数模式

function Person(name,age){
    this.name=name;
    this.age=age;
    this.getname=function(){
        alert(this.name)
    }
}
var person1=new Person(1,2)

这里面new的作用是:1.一个新的对象 2.将this指向这个新的对象 3.给这个新的对象添加属性
constructor判断对象的都构造函数,instanceof判断对象的类型

问题:person1里面有个function function也是一个对象,在某种意义上来说每次new一个实例的的时候也是new了一个function,这样的话每个实例都有一个不同的function实例
解决:将this.getname=getname然后再构造函数外部写一个getname的函数,这样每个实例都指向的是全局的getname,问题:像上面这样解决,就会造成可能出现很多的全局函数

2.3、原型模式
理解原型 实例 构造函数的关系

原型:每个函数都有一个prototype属性,这个属性是一个指针,指向一个对象 就是原型对象
实例:就new 构造函数出来的,实例有一个内部的_proto_指针指向原型对象
注意:判断实例是否等于某个原型对象 用isPrototypeof这个方法Person.prototype.isPrototypePf(person1),获取某个对象的原型 Object.getPrototypeof()如果一个实例重写了一个属性的值,那么访问这个属性的时候,显示在实例找,没有的话,在找原型

判断属性存放在原型还是实例?
hasOwnProperty检测属性是否来自于实例,只有属性来自实例,才会返回true,in只要通过能够访问的属性就返回true,这两个结合可以确定属性是在原型还是在实例

2.4、组合会用构造函数和原型模式

function Person(name,age,job){
    this.name=name;
    this.age=age;
    this.friends=[1,2]
}
Person.prototype={
    constructor:Person,//放在原型对象是为了重写默认的prototype对象的时候,constructor属性变成新的对象的constructor属性,而指向Object函数
    sayname:function(){
        alert(this.name)
    }
}
var person1=new Person(1,2)    

三、继承
原型链:继承(原生链)

function Parent(name){
    this.name=name;
}
Parent.prototype.sayname=function(){
    alert(this.name)
}
function Child(name,job){
    Parent.call(this,name);//将父级的属性继承,避免子级重写父级属性
    this.job=job
}
Child.prototype=new Parent();//继承
Child.prototype.constructor=Child;
Child.prototype.sayjob=function(){
    alert(this.job)
}

javascript面向对象继承和原型的更多相关文章

  1. javaScript面向对象继承方法经典实现

    转自原文javaScript面向对象继承方法经典实现 JavaScript的出现已经将近20多年了,但是对这个预言的褒贬还是众说纷纭.很多人都说JavaScript不能算是面向对象的变成语言.但是Ja ...

  2. JavaScript之继承(原型链)

    JavaScript之继承(原型链) 我们知道继承是oo语言中不可缺少的一部分,对于JavaScript也是如此.一般的继承有两种方式:其一,接口继承,只继承方法的签名:其二,实现继承,继承实际的方法 ...

  3. JavaScript 面向对象继承详解

    题记 由于js不像java那样是完全面向对象的语言,js是基于对象的,它没有类的概念.所以,要想实现继承,一般都是基于原型链的方式: 一.继承初探 大多数JavaScript的实现用 __proto_ ...

  4. JavaScript面向对象继承方法

    JavaScript的出现已经将近20多年了,但是对这个预言的褒贬还是众说纷纭.很多人都说JavaScript不能算是面向对象的变成语言.但是JavaScript的类型非常松散,也没有编译器.这样一来 ...

  5. javascript 面向对象 new 关键字 原型链 构造函数

    JavaScript面向对象JavaScript 语言使用构造函数(constructor)作为对象的模板.所谓"构造函数",就是专门用来生成实例对象的函数.它就是对象的模板,描述 ...

  6. Javascript之继承(原型链方式)

    1.原型链 原型链是JavaScript中继承的主要方法. 每个构造函数都拥有一个原型对象,原型对象都包含一个指向构造函数的指针(constructor),实例都包含一个指向原型对象的内部指针(__p ...

  7. javascript --- 只继承于原型

    正如上次所述,,出于效率考虑,我们应该尽可能的将一些可重用的属性和方法添加到原型中去. 如果养成了这个好习惯,我们仅仅依靠原型就能顺利的完成继承关系的构建了. 毕竟采用new her()方法将her的 ...

  8. javascript中继承(一)-----原型链继承的个人理解

    [寒暄]好久没有更新博客了,说来话长,因为我下定决心要从一个后台程序员转为Front End,其间走过了一段漫长而艰辛的时光,今天跟大家分享下自己对javascript中原型链继承的理解. 总的说来, ...

  9. javascript面向对象——继承

    javascript和其他语言相比,它没有真正意义上的继承,也不能从一个父类extends,要实现它的继承可以通过其他方式来实现: 步骤:1.继承父类的属性 2.继承父类的原型 下面就以一个拖拽为例子 ...

随机推荐

  1. linux菜鸟日记(4)

    使用一个简单的for循环和if判断语句实现某个网段内所有ping所有客户机的shell程序: ..} do >&; then echo " ${i}通" else e ...

  2. pysproto bug修复

    最近,找隔壁组的同学测试了一下我的pysproto,他们提了很多有益的建议,非常感谢. 在测试中,出现了一次诡异的coredump.当数据变大的时候,就有很大的机率遇上double free.在spr ...

  3. Linux任务计划

    Linux任务计划: 一次性任务执行(at.batch): at:定时任务,指定一个时间执行一个任务,只能执行一次. at使用方式: 交互式:让用户在at>提示符输入多个要执行的命令: 批处理: ...

  4. Kinect for Windows SDK 1.8的改进及新特性

    今年3月, 微软推出了Kinect for Windows SDK 1.7 更新,包括了手势识别 Kinect Interactions 和实时 3D 建模 Kinect Fusion 两项新技术. ...

  5. Socket用法详解

    在客户/服务器通信模式中,客户端需要主动创建与服务器的Socket(套接字),服务端收到了客户端的请求,也会创建与客户端连接的Socket. Scoket可以看作两端通信的收发器,服务端和客户端都通过 ...

  6. 安装mssql2008和启动时出现的问题及解决办法

    (一) 安装sql server 2008 时, 提示错误:此计算机上安装了 Microsoft Visual Studio 2008 的早期版本. 请在安装 SQL Server 2008 前将 V ...

  7. POJ 1528问题描述

    Description From the article Number Theory in the 1994 Microsoft Encarta: ``If a, b, c are integers ...

  8. OpenWrt的主Makefile工作过程

    OpenWrt是一个典型的嵌入式Linux工程,了解OpenWrt的Makefile的工作过程对提高嵌入式Linux工程的开发能力有极其重要意义. OpenWrt的主Makefile文件只有100行, ...

  9. c - 每位数字尾部加空格

    /* input:一个4位整数. output:每位整数后紧跟一个空格的字符串. */ char * insert(char *s) { int len = strlen(s); * len + ); ...

  10. javascript第十七课:this使用

    例如,我们要一个元素的值 function f1(){ alert(this.id); } document.getElementByid('#id').onclick=f1;  //将函数赋值给事件