JavaScript高级(一)|JavaScript面向对象+构造函数和原型

在这里插入图片描述

一.JavaScript面向对象

在这里插入图片描述

在这里插入图片描述

01.面向对象编程介绍

1.1两大编程思想
在这里插入图片描述
1.2面向过程编程POP(Process Oriented Programming)
在这里插入图片描述
1.3面向对象编程OOP(Object Oriented Programming)
在这里插入图片描述
在这里插入图片描述
API就是接口,就是通道,负责一个程序和其他软件的沟通,本质是预先定义的函数
1. 4面向过程和面向对象的对比
在这里插入图片描述

02. ES6中的类和对象

在这里插入图片描述
2.1对象
在这里插入图片描述
2.2类class
在这里插入图片描述
在这里插入图片描述
2.3创建类
在这里插入图片描述
2.4类constructor构造函数
在这里插入图片描述
this一般指向调用它的那个对象
在这里插入图片描述
2.5类添加方法
在这里插入图片描述
在这里插入图片描述

03.类的继承

3.1继承
在这里插入图片描述
在这里插入图片描述

3.2 super关键字
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

04.面向对象案例

案例:面向对象版tab栏切换
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二.构造函数和原型

在这里插入图片描述
在这里插入图片描述

01.构造函数和原型

1.1概述
在这里插入图片描述
在这里插入图片描述
1.2构造函数
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
1.3构造函数的问题
在这里插入图片描述
1.4构造函数原型prototype
在这里插入图片描述
在这里插入图片描述
1.5对象原型__proto__
在这里插入图片描述
在这里插入图片描述
1.6 constructor构造函数
在这里插入图片描述
在这里插入图片描述
1.7构造函数、实例、原型对象三者之间的关系
在这里插入图片描述
1.8原型链
在这里插入图片描述
在这里插入图片描述
1.9 JavaScript的成员查找机制(规则)
在这里插入图片描述
在这里插入图片描述
1.10原型对象this指向
在这里插入图片描述
在这里插入图片描述
1.11扩展内置对象
在这里插入图片描述
在这里插入图片描述

02.继承

在这里插入图片描述
2.1 call()
在这里插入图片描述
在这里插入图片描述
2.2借用构造函数继承父类型属性
在这里插入图片描述
在这里插入图片描述
2.3借用原型对象继承父类型方法
在这里插入图片描述
在这里插入图片描述

03. ES5中的新增方法

3.1 ES5新增方法概述

在这里插入图片描述
3.2数组方法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
案例:查询商品
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3.3字符串方法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3.4对象方法
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值