开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第10天，点击查看活动详情
1、封装
面向对象的特点： 封装、继承和多态
1.封装
-
对象就是一个用来存储不同属性的容器
-
对象不仅存储属性，还要负责数据的安全
-
直接添加到对象中的属性，并不安全，因为它们可以被任意的修改
-
如何确保数据的安全： 1.私有化数据
-
将需要保护的数据设置为私有，只能在类内部使用 2.提供setter和getter方法来开放对数据的操作
-
属性设置私有，通过getter setter方法操作属性带来的好处
- 可以控制属性的读写权限
- 可以在方法中对属性的值进行验证
-
-
封装主要用来保证数据的安全
-
实现封装的方式： 1.属性私有化 加# 2.通过getter和setter方法来操作属性 get 属性名(){ return this.#属性 }
set 属性名(参数){ this.#属性 = 参数 }
<script>
class Person {
#address = '花果山'// 实例使用#开头就变成了私有属性，私有属性只能在类内部访问
#name
#age
#gender
constructor(name,age,gender){
this.#name = name
this.#age = age
this.#gender = gender
}
sayHello(){
console.log(this.#name)
}
//getter方法，用来读取属性
getName(){
return this.#name
}
// setter方法，用来设置属性
setName(){
this.#name = name
}
getAge(){
return this.#age
}
setAge(age){
if(age >= 0){
this.#age = age
}
}
get gender(){
return this.#gender
}
set gender(gender){
this.#gender = gender
}
}
const p1 = new Person("孙悟空", 18, "男")
// p1.age = "hello"
// p1.getName()
p1.setAge(-11) // p1.age = 11 p1.age
// p1.setName('猪八戒')
p1.gender = "女"
</script>
2、多态
定义一个函数，这个函数将接收一个对象作为参数，他可以输出hello并打印对象的name属性
多态
- 在JS中不会检查参数的类型，所以这就意味着任何数据都可以作为参数传递
- 要调用某个函数，无需指定的类型，只要对象满足某些条件即可
- 如果一个东西走路像鸭子，叫起来像鸭子，那么它就是鸭子
- 多态为我们提供了灵活性
<script>
class Person{
constructor(name){
this.name = name
}
}
class Dog{
constructor(name){
this.name = name
}
}
class Test{
}
const dog = new Dog('旺财')
const person = new Person("孙悟空")
const test = new Test()
function sayHello(obj){
// if(obj instanceof Person){
console.log("Hello,"+obj.name)
// }
}
sayHello(dog)
</script>
3、继承
- 可以通过extends关键来完成继承 时，就相当于将另一个类中的代码复制到了当前类中（简单理解）
- 继承发生时，被继承的类称为 父类（超类），继承的类称为 子类 的代码，并且可以在不修改一个类的前提对其进行扩展
封装 —— 安全性 继承 —— 扩展性 多态 —— 灵活性
<script>
class Animal{
constructor(name){
this.name = name;
}
sayHello(){
console.log('动物在叫')
}
}
class Dog extends Animal{
}
class Cat extends Animal{
}
class Snake extends Animal{
}
const dog = new Dog('旺财')
const cat = new Cat('汤姆')
dog.sayHello()
cat.sayHello()
console.log(dog)
console.log(cat)
</script>
