编程思想
面向过程
面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次 调用就可以了
就是按照我们分析好了的步骤,按照步骤解决问题
面向对象
面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作
是以对象功能来划分问题,而不是步骤,在面向对象程序开发思想中,每一个对象都是功能中心,具有明确分工
面向对象编程具有灵活、代码可复用、容易维护和开发的优点,更适合多人合作的大型软件项目
面向对象的特性:
- 封装性
- 继承性
- 多态性
构造函数
回顾一下
//构造函数 公共的属性和方法 封装到 Pig 构造函数里面了
function Pig(uname,age) { //Pig 一定要大写开头
this.uname = uname //this 表示 创建的空对象
this.age = age
//方法
this.sing = function (){
console.log('我是可爱的小猪~')
}
}
//创建实例对象
const peiqi = new Pig('佩奇',18)
const qiaozhi = new Pig('乔治',6)
console.log(peiqi === qiaozhi) //false 表明创建的对象彼此独立,互不影响
总结:
1. 构造函数体现了面向对象的封装特性
2. 构造函数实例创建的对象彼此独立、互不影响
但是
存在浪费内存的问题
原型
- 构造函数通过原型分配的函数是所有对象所 共享的。
- JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象,所以我们也称为原型对象
- 这个对象可以挂载函数,对象实例化不会多次创建原型上函数,节约内存
- 我们可以把那些不变的方法,直接定义在 prototype 对象上,这样所有对象的实例就可以共享这些方法。
- 构造函数和原型对象中的this 都指向 实例化的对象
总结:
1.原型:一个对象,我们也称为 prototype 为原型对象
2. 原型的作用:
共享方法
可以把那些不变的方法,直接定义在 prototype 对象上
3. 构造函数和原型里面的this指向谁 ?
实例化的对象
下面简单证明一下
let that
function Pig(uname) {
that = this
this.uname = uname
}
const peiqi = new Pig('佩奇')
console.log(that === peiqi) //true 表明在构造函数中 this 指向的还是实例对象 peiqi
Pig.prototype.sing = function (){
that = this
console.log('唱歌')
}
peiqi.sing() //唱歌 能被调用,表明this 指向peiqi
console.log(that === peiqi) //true 表明在原型中 this 指向的还是实例对象 peiqi