4.1 JS中类的概念 - 函数

<script type="text/javascript">
    <%-- 1.1 类
           在JavaScript中, 定义一个普通函数,就相当于其他语言中 类相同的功能
           不同点在于, js中对象是如何通过 函数被创建出来的
      --%>
    $(function () {
        //创建类
        function Accommodation() {};

        //创建对象 new关键字
        let house = new Accommodation();
        let apartment = new Accommodation();

        //1.2 构造器: 可以通过对象constructor属性查看 构造函数
        console.log(house.constructor === Accommodation);
            //通过关键字instanceof,检测对象是否是某个类的实例
        console.log(apartment instanceof Accommodation);
            //通过constructor属性创建对象 -- 不是很常用
        let house2 = new house.constructor();

        //1.3 通过原型对象 添加属性 和方法
        //每个对象, 都有一个叫prototype的属性, 这个属性指向一个对象, 即原型对象, 对象.__proto__;
        //同一个类的所有实例都可以访问该原型对象
        //Object类的原型, 是所有原型链的源头, 找到Object类原型就会停止

        //1).单个添加: js类添加属性 和方法
        /**Accommodation.prototype.floors = 0;
        Accommodation.prototype.rooms = 0;
        Accommodation.prototype.sharedEntrance = false;

        Accommodation.prototype.lock = function () {console.log("lock上锁")};
        Accommodation.prototype.unlock = function () {console.log("unlock开锁")};
        //更改对象的属性值
        house.floors = 2;
        //读取实例对象属性值
        console.log(house.floors);
        //调用对象实例的方法
        house.lock(); */

        //2).通过对象直接量 为构造器 添加属性和方法
        Accommodation.prototype = {
            floors: 0,
            rooms: 0,
            sharedEntrance: false,
            lock: function() {console.log("lock上锁")},
            unlock: function() {console.log("unlock开锁")}
        };
        //上述添加方法,必须在对象实例之前, 不然方法调用undefined
        let house3 = new Accommodation();
        //更改对象的属性值
        house3.floors = 2;
        //读取实例对象属性值
        console.log(house3.floors);
        //调用对象实例的方法
        house3.lock();

        //prototype属性单个赋值 有一个强大特性,允许在对象实例之后在 给对象动态添加属性和方法
        Accommodation.prototype.alarm = function () {console.log("房子里面有个闹钟")};
        house3.alarm();
    });
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容