快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

如何用JavaScript创建对象

这篇文章主要讲解了“如何用JavaScript创建对象”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何用JavaScript创建对象”吧!

创新互联建站是一家集成都网站建设、网站制作、网站页面设计、网站优化SEO优化为一体的专业网站建设公司,已为成都等多地近百家企业提供网站建设服务。追求良好的浏览体验,以探求精品塑造与理念升华,设计最适合用户的网站页面。 合作只是第一步,服务才是根本,我们始终坚持讲诚信,负责任的原则,为您进行细心、贴心、认真的服务,与众多客户在蓬勃发展的市场环境中,互促共生。

        对象: 特指自然世界中的某个事物 , 具有一些特征(属性)和行为(方法),比如姚明这个对象有姓名,性别,身高,球号,球队等等这些特征,并且会运球,投篮,跑步,吃饭等这些行为,那我们如何使用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对象返回


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

         

工厂模式创建对象 : 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创建对象”的内容了,经过本文的学习后,相信大家对如何用JavaScript创建对象这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


网页标题:如何用JavaScript创建对象
标题来源:http://6mz.cn/article/pisihd.html

其他资讯