面向对象二

作者: Monee121 | 来源:发表于2018-04-09 15:46 被阅读0次

面向对象基础(二)

  1. new 与 this 的关系
<script>
//用工厂方式构造对象

function createPerson(name, sex)    //构造函数
{
    //假想的系统内部工作流程
    //var this=new Object();
    
    this.name=name;
    this.sex=sex;
    
    this.showName=function ()
    {
        alert('我的名字叫:'+this.name);
    };
    this.showSex=function ()
    {
        alert('我是'+this.sex+'的');
    };
    
    //假想的系统内部工作流程
    //return this;
}

var p1=new createPerson('blue', '男');
var p2=new createPerson('leo', '女');

/*p1.showName();
p1.showSex();
p2.showName();
p2.showSex();*/

alert(p1.showName==p2.showName);
</script>
  1. 给数组添加求和方法
<script>
var arr1=new Array(12, 5, 8, 4);
var arr2=new Array(44,6,5,4,5,55,9);

//arr1.sum=function ()
Array.prototype.sum=function ()
{
    var result=0;
    var i=0;
    
    for(i=0;i<this.length;i++)
    {
        result+=this[i];
    }
    
    return result;
};

/*alert(arr1.sum());
alert(arr2.sum());*/

alert(arr1.sum==arr2.sum);
</script>
  1. prototype 与 CSS 的关联

css行内样式,等同于函数方法,给一个对象添加方法
class类选择器,等同于prototype,给一类元素添加方法
prototype 扩展系统对象的方法,数组,字符串添加方法
原型添加的方法,不会浪费资源,

  1. 类与对象(实例)的区别
    类 类似于蛋糕模子
    对象(实例) 产品类似于对象
  2. 构造函数与类的关联
  3. 混合法创建构造函数
<script>
function Person(name, sex)
{
    this.name=name;
    this.sex=sex;
}

Person.prototype.showName=function ()
{
    alert(this.name);
};

Person.prototype.showSex=function ()
{
    alert(this.sex);
};

var p=new Person('blue', '男');

p.showName();
p.showSex();
</script>
  1. 原型优先级问题、delete 运算符
<script>
Array.prototype.a=12;

var arr=[1,2,3];

alert(arr.a);   //12

arr.a=5;

alert(arr.a);   //5

delete arr.a;

alert(arr.a);   //12
</script>
  1. 面向对象回顾

相关文章

  • java基础02面向对象

    二、面向对象 1、面向对象思想: (1)概述:面向对象是相对于面向过程而言的,面向过程强调的是功能,面向对象强调的...

  • java SE目录

    java SE目录 java基础(一)java基础(二)关键字面向对象(一)面向对象(二)面向对象(三)集合(一)...

  • JS面向对象精要(二)_函数

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(三)_理解对象

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(四)_构造函数和原型对象

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(五)_继承

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • Python 面向对象 - 01 基本概念

    目录一、面向过程 和 面向对象 基本概念1.1 面向过程1.2 面向对象二、类和对象2.1 类2.2 对象2.3 ...

  • Java基础总结2-面向对象

    二、面向对象 1、面试对象思想: (1)概述:面向对象对相对于面向过程而言的,面向过程强调的是功能,面向对象强调的...

  • 面向对象编程(二)

    面向对象编程(二) -------面向对象的基本特性 1、面向对象的基本特性 面向对象的编程是把现实客观存在的...

  • 第七篇 面向对象编程

    一、复习 二、time模块的补充 三、面向对象 四、初始面向对象和类 五、面向对象之间的交互 六、面向对象的组合 ...

网友评论

    本文标题:面向对象二

    本文链接:https://www.haomeiwen.com/subject/jvyihftx.html