js类三大属性，封装、继承、多态

深藏阁楼爱情的钟 2022-12-14 13:32 139阅读 0赞

# 继承、封装、多态 #

#### 构造函数： ####

在java语言中类的定义中都有构造函数，在js中也有构造函数的概念，Object对象都有constructor构造函数方法；

js中Object对象都有以下属性和方法：

1、constructor：构造函数属性，它指向了Object()函数；

2、hasOwnProperty：判断是否是对象自身属性和方法；

3、isPrototypeOf：判断是否是某个对象的子对象即继承某对象；

--------------------

# 封装 #

首先，我们先了解一下什么是Js封装，就是当你需要隐藏一些属性和方法是，就可以将这些属性和方法封装起来，然后通过一个外部可以调用的特定接口（也可以说是一个公共的方法）进行调用。例如：

function Person(name , age , sex){ 
        this.name = name ; //共有变量 
        var age = age ;  //私有变量
        var sex = sex ; //私有变量
        this.show = function (){ 
            console.log(age+"===="+sex);
        }
    }
    var person = new Person('Sunshine',18,'女');
    console.log(person.age);    // undefined
    console.log(person.name);   // Sunshine
    console.log(person.show());     // 18====女

请看代码后的注释，this指向的都是共有的属性和方法，而直接通过var声明的则属于私有变量（即外部不可访问变量），然后通过一个共有的show方法将私有的age和sex输出。当然show方法也要通过this声明才可以哟，否则的话show方法也是不可访问的。

# 继承 #

继承其实就是当多个方法存在相同的属性和方法是，就把这些相同的属性和方法提取到一个公共的方法中，通过原型prototype继承该方法，当然你也可以通过call或apply来继承该方法中的属性和方法。

最终的结果如下：

--------------------

![70][]

# 多态 #

最后要说多态了，写这篇文章之前，自己对多态还是处于懵逼的状态，查阅了不少其他同行的博客，以及W3C 上的解释，把这些总结了一下，多态就是在执行同一操作且作用于不同对象时，返回不同的结果 。其实也就是把做什么和由谁去做分开，这样使得代码更容易维护，且条例清晰。直接上例子吧：

##### 终于写完了，如果以上有错误的话，欢迎指出~ 如果对你有所帮助的话，请给我一个小心心好吗~ #####

↓↓↓ 个人写的一个公众号，还在完善中 ，欢迎加入↓↓↓ | ᴥ•́ )✧ ↓↓↓

![在这里插入图片描述][e6b1ebd83bab4739b5704c60fdccd2bc.jpg_pic_center]

[70]: /images/20221123/d282b10bcf0a4bf5a7addf3a8ea5f63c.png
[e6b1ebd83bab4739b5704c60fdccd2bc.jpg_pic_center]: /images/20221123/bc358ae66be647299f959c9b9c7c7d16.png