JS中的构造函数及继承

一 js中的构造函数
1. 面向对象对象的创建方式:a.通过new object();
var stu=new
Student();
b.字面量创建对象

var p={

Name:”张三”;

Age:23;

Run:function(){

	}
};

c.先定义对象,后添加数据

Var
person={ };

Person.name=”张三“;

Person.sge=23;

  1. 构造函数

A. 作用:是初始化对象;

B. 创建;工厂模式的创建

Eg: 
       function
Person(){
           //name 属于该构造函数中共享的属性
           this.name='张三';
       }
       function
Person(name,sex,age){
           this.name=name;
           this.sex=sex;
           this.age=age;
       }

出现问题: 功能相同 代码 重复再内存中出现(占用内存) 资源浪费

	解决问题:
	a.    解决问题: ​ 将sayHello() 这个函数 设置为全局的 函数 在构造函数中 引用就可以.

	b.    使用原型 解决构造函数的问题
  1. 什么是原型
    A. 在定义构造函数的时候 , 就会默认的创建一个 空的 ‘原型属性’
    B. 在构造函数 调用时 就会默认创建
    C. (1)神秘对象与构造函数 - 神秘对象就是构造函数的 “原型属性” - 简称原型 (构造函数的原型)
    (2) 神秘对象与构造函数所创建出来的对象 - 神秘对象针对构造函数创建出来的对象称为 “原型对象” - 简称原型 (对象的原型)
    D. 原型的使用:i.利用原型对象的动态属性给原型对象添加成员

Eg:Person.prototype.type=”类型”;

Ii.直接替换原型对象

  1. 原型使用注意事项

结论:

   1,使用对象访问属性的时候,如果在本身内找不到就会去原型中找
          但是 使用 点 语法  进行属性赋值的时候,并不会去原型中进行查找
          使用点语法赋值的时候,如果对象中不存在该属性,就会给该对象新增该属性,而不会去修改原型中的
          
   2,绘制三角形解释
	如果在原型中 的属性是引用类型 的属性那么所有对象共享该属性,并且一个对象修改了该引用属性类型属性中的成员,其他成员访问的也都是修改后的结果

二.Js中的继承

  1. 什么是继承

     继承 是指一种关系,是类与类之间的关系, 但是js中没有类这个概念,js是通过构造函数模拟类. 然后通过原型 来实现
    
  2. js继承基于对象

A.  直接遍历父对象的属性,将所有的属性添加到当前对象上
B.  可以通过更改构造函数的原型属性来实现继承。

3.原型继承.
每一个构造函数都有prototype原型属性,通过构造函数创建出来的对象都继承自该原型属性。所以可以通过更改构造函数的原型属性来实现继承。

4.是什么原型链 ?
每个构造函数都有原型对象 每个对象都有构造函数
每个构造函数的原型都是一个对象 那么这个原型对象也会有构造函数 那么这个原型对象的构造函数也有原型对象 这样就会形成一个链式结构,称之为 原型链

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值