javascript-es6 (六)

发布于:2025-03-13 ⋅ 阅读:(17) ⋅ 点赞:(0)

编程思想

面向过程

面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次 调用就可以了

就是按照我们分析好了的步骤,按照步骤解决问题

面向对象

面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作

是以对象功能来划分问题,而不是步骤,在面向对象程序开发思想中,每一个对象都是功能中心,具有明确分工

 面向对象编程具有灵活、代码可复用、容易维护和开发的优点,更适合多人合作的大型软件项目

面向对象的特性:

  •  封装性
  •  继承性
  •  多态性

构造函数

回顾一下

//构造函数 公共的属性和方法 封装到 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. 构造函数实例创建的对象彼此独立、互不影响
但是 存在浪费内存的问题

原型

  1. 构造函数通过原型分配的函数是所有对象所 共享的
  2.  JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象,所以我们也称为原型对象
  3.  这个对象可以挂载函数,对象实例化不会多次创建原型上函数,节约内存
  4.  我们可以把那些不变的方法,直接定义在 prototype 对象上,这样所有对象的实例就可以共享这些方法。
  5.  构造函数和原型对象中的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

constructor 属性

对象原型

原型继承

原型链