ES5构造函数和原型

本文介绍了如何使用ES5的构造函数和原型来实现面向对象编程。通过构造函数创建实例,利用原型对象添加共享方法,同时讲解了实例成员、静态成员的概念。还提到了原型的作用,即共享方法,以及call方法用于改变函数内部this的指向。
摘要由CSDN通过智能技术生成

ES5通过构造函数 + 原型实现面向对象 编程

  1. 构造函数有原型对象prototype
  2. 构造函数原型对象prototype 里有constructor 指向构造函数
  3. 构造函数可以通过原型对象添加方法
  4. 构造函数创建实例对象有__proto__原型指向 构造函数的原型对象

创建对象的三种方法

  1. 利用new Object() 创建对象

        var obj1 = new Object();

   2. 利用字面量创建对象

        var obj2 = {};

3.利用构造函数创建对象 

 function Star(uname, age) {
            this.uname = uname;
            this.age = age;
            this.sing = function() {
                console.log('我会唱歌');
            }
        }

        var ldh = new Star('刘德华', 18);
        var zxy = new Star('张学友',10);
        console.log(ldh);
        Star.sex = '男';
        ldh.sing();
        zxy.sing();
    </script>
  • 实例成员就是构造函数内壁通过this添加的成员 uname age sing 就是实例成员
  • 实例成员只能通过实例化对象来访问(ldh.uname)
  • 静态成员 在构造函数本身上添加的成员 sex 就是静态成员 (Start.sex = '男';)
  • 静态成员只能通过构造函数来访问

构造函数原型prototype

  • 构造函数通过原型分配的函数是所有对象所共享的。
  • 每一个构造函数都有一个prototype属性,指向另一个对象。注意这个prototype就是一个对象,这个对象的所有属性和方法,都会被构造函数所拥有。
  • 我们可以把那些不变的方法,直接定义在prototype对象上,这样所有对象的实例就可以共享这些方法。

  原型是一个对象,我们也称prototype为原型对象。

 原型的作用:共享方法。

原型对象函数里面的this 指向的是 实例对象 

call() 方法

调用这个函数,并且修改函数运行是的this指向

fun.call(thisArg, arg1, arg2, ... )

thisAeg: 当前调用函数this的指向对象

arg1, rg2:传递的其他参数

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值