JS：构造函数和原型

最新推荐文章于 2024-05-30 22:07:38 发布

曹莓奶昔

最新推荐文章于 2024-05-30 22:07:38 发布

阅读量397

点赞数

分类专栏： JavaScript 文章标签：原型模式

本文链接：https://blog.csdn.net/weixin_49555741/article/details/124698288

版权

JavaScript 专栏收录该内容

27 篇文章 2 订阅

订阅专栏

1.构造函数和原型

1.1 概述

在ES6前，对象不是类创建的，是构造函数创建的

构造函数是一种特殊的函数，主要用来初始化对象（为对象成员变量赋初始值）

1.2 构造函数

1.2.1创建

创建对象三方法：

new object（）创建
对象字面量创建{}
构造函数创建

function 构造函数名() {

this.属性=值;

this.方法=function(){}

}

创建构造函数时首字母要大写
构造函数和new 一起使用才有意义（实例化对象）

1.2.2 静态成员和实例成员

构造函数可以添加成员，通过内部this上添加的成员分为静态成员和实例成员

静态成员：在构造函数本上添加的成员，只能由构造函数本身访问
实例成员：在构造函数内部创建对象上的成员，只能由实例化的对象访问

 <script>
        function Stars(uname, uage, usex) {
            this.uname = uname;
            this.age = uage;
            this.sex = usex;
            this.sing = function () {
                console.log();
            }
        }
        Stars.type='people'
        // uname,age,sex,sing是实例化成员
        // type是静态成员
    </script>

1.3 构造函数原型 prototype

构造函数会存在内存浪费问题
构造函数通过原型分配的函数是所有对象所共享的
每一个构造韩式都有一个prototype 属性，指向另一个对象
把不变的方法直接定义在prototype 对象上，所有对象通的实例可以共享它

        function Stars(uname, uage, usex) {
            this.uname = uname;
            this.age = uage;
            this.sex = usex;
            // this.sing = function () {
            //      console.log('sing');
            // }
        }
        Stars.prototype.sing=function(){
            console.log('sing');
        }