美文网首页
创建对象的方法

创建对象的方法

作者: 刘海不能剪 | 来源:发表于2021-11-23 21:05 被阅读0次

    首先先回顾下前面的基本知识:

    js的数据类型

    1、原始数据类型(基本数据类型,简单的数据类型)

    有字符串,数字,布尔,Null类型,undefined类型

    2、对象类型(引用数据类型,复杂数据类型)

    内置对象:数组,字符串,日期,Math

    下面主要介绍创建对象的集中方法:

    方法一:new Object()

    这里面的this 代表对象本身

    通过'.'的方式访问对象的属性和方法或者也可以用[ ]的方式

            let cat =new Object();

            cat.name = '滚滚';

            cat.color = '白色';

            cat.intro = function(){

                alert(`我叫${this.name},我的颜色是${this.color}`)

            }

            cat.play = function (){

                console.log(this);

                alert(this.name + '喜欢玩毛线球')

            }

            cat.eat =function(){

                alert(this.name + '喜欢吃鱼')

            }

    方法二:使用{ }

    方法三:工厂模式

     function Dog(name,age){

                let obj ={}

                obj.name = name;

                obj.age = age;

                obj.play = function(){

                    console.log(this.name + '最喜欢玩飞盘了');

                }

                return obj

            }

            let dog1 = Dog('旺财',2)

            let dog2 =Dog('滚滚' , 3)

            let dog3 =Dog('小宝' , 5)

            let dog4 =Dog('鱿鱼' , 12)

    通过这种方法,课以快速创建多个对象!

    方法四:构造函数方式,必须使用new运算符

    这里简单写了个王者英雄的对象的例子,嘻嘻~

      function Hero(name,type,blood){

                this.name = name;

                this.type =type;

                this.blood = blood;

               this.attack= function(skill){

                    console.log(skill);

                }

            }

            let hz =new Hero('黄忠','射手型','500血量')

            console.log(hz.name,hz.type,hz.blood);

            hz.attack('大炮')

    相关文章

      网友评论

          本文标题:创建对象的方法

          本文链接:https://www.haomeiwen.com/subject/trhgtrtx.html