如何建立JavaScript目标呢?

lxf2023-02-19 10:30:13

JavaScript通称JS,JS最开始的目的在于解决用户和服务器之间的互动难题。需注意JS并不是一门面向对象语言表达,反而是基于对象,仿真模拟面向对象语言表达。那样如何建立JavaScript目标呢?

目标: 专指当然世界中的某一事情 , 具备一些特点(特性)与行为(方式),例如易建联这一目标有名字,胎儿性别,个子,球号,足球队这些这些特征,并且还会传球,投球,慢跑,用餐等这种行为,那么我们怎么使用js创建对象呢?

第一种:字面量的形式创建实例目标

    var YaoMing = {
        name:"YaoMing",
        age:36,
        gender:"男",
        eat:function(){
            console.log('吃臭豆腐');
        },
        read:(){
            console.log('神经病在左奇才在右');
        }
    }



第二种:启用系统软件对象创建对象

    var per2=new Object();
     per2.name="大蛇丸";
     per2.age=30;
     per2.sex="男";
     per2.eat=function () {
     console.log("吃榴莲");
     };
     per2.play=function () {
     console.log("这一黑蛇太好玩了");
     };

此刻检验per2是不是Object的案例,回到true

如何建立JavaScript目标呢?



第三种:自定对象创建对象

        function Person(name, age, gender) {
              this.name = name;
              this.age = age;
              this.gender = gender;
              this.play = function () {
                console.log("天天打游戏");
              };
         }
         var per = new Person("雏田", 18, "女");
         console.log(per instanceof Person);//回到true


如何建立JavaScript目标呢?


如今思索第三种自定对象创建对象,其内部完成全过程是怎么样的??

拿上边的事例而言,创建对象 var per = new Person("雏田", 18, "女"); 创建对象一个对象的前提下对特性age,name,gender也完成了复位取值。内部结构全过程如下所示

* 1.开拓室内空间存储对象

* 2.把this设为现阶段的对象

* 3.设定属性和方法数值

* 4.把this目标回到


第四种:工厂模式创建对象


<script>
   //工厂模式创建对象 
    function createObject(name,age) {
      var obj=new Object();
      obj.name=name;
      obj.age=age;
      obj.sayHi=function () {
        console.log("你好");
      };
      return obj;
    }
    //自定对象创建对象
    function Person(name,age) {
      this.name=name;
      this.age=age;
      this.sayHi=function () {
        console.log("你好");
      };
    }
 </script>

工厂模式创建对象 : var per1=createObject("小亮",20);

自定对象创建对象 :var per2=new Person("小红书",20);

通过分析以上两种创建对象的形式,大家可以得出下列结果:

工厂模式创建对象

1.函数名小写字母,2.函数公式内部使用new关键词,3.而且有传参,4.new以后的对象是现阶段的对象,5.立即调用函数就能创建对象。

自定对象创建对象

1.函数名首字母,2.函数公式内部结构未使用new关键词,3.并没有传参,4.this意味着现阶段的对象,5.根据new的形式创建对象。



以上就是关于案例讲解JavaScript创建对象的四种方法的具体内容,大量欢迎关注AdminJS其他类似文章!