美文网首页
创建对象的几种方式

创建对象的几种方式

作者: 9979eb0cd854 | 来源:发表于2018-10-12 17:57 被阅读41次

第一种:对象字面量的方式

var person = {
                name: "小红",
                age: 22,
                say:function(){
                    console.log(this.name+"今年"+this.age);
                }
            };
            person.say();

第二种:创建Object实例:

var obj = new Object();
            obj.name = "肥狗";
            obj.age = 23;
            obj.say = function(){
                console.log("我是"+this.name+"今年"+obj.age);
            }
            obj.say();

第三种:数构造函数
无参数构造函数

function Person(){
                this.name = "孙悟空";
                this.age = 18;
                this.gender = "男";
                this.sayName = function(){
                    console.log(this.name);
                }
                
            }
            var per = new Person();
            var per2 = new Person();
            console.log(per);
            console.log(per2);

带参数的构造函数

function Person(name,age,hobby){
                this.name = name;
                this.age = age;
                this.hobby = hobby;
                this.sayName = function(){
                    console.log(this.name);
                }
            }
            var people =  new Person("小妹",22,"跑步");
            var people2 =  new Person("小红",22,"跑步");
            var people3 =  new Person("小黄",22,"跑步");
            console.log(people);
            console.log(people2);
            console.log(people3);

第四种:使用工厂方法创建对象

function creatPerson(name,age,tall){
                //创建一个新的对象
                var obj = new Object();
                //向对象中添加属性
                obj.name = name;
                obj.age = age;
                obj.tall = tall;
                obj.sayName = function(){
                    console.log(this.name);
                }
                //将新的对象返回
                return obj;
            }
            var obj2 = creatPerson("孙悟空",18,"1.55米");
            var obj3 = creatPerson("猪八戒",35,"1.57米");
            var obj4 = creatPerson("白骨精",25,"1.50米");
            console.log(obj2);
            console.log(obj3);
            console.log(obj4);

第五种:原型方式创建对象

function Person(name,age){}
            Person.prototype.name = "SF";
            Person.prototype.age = 25;
            Person.prototype.say = function() { 
              alert(this.name+"是我的名字");
            }
            var my = new Person();
            my.say();

第六种:混合方式 (构造函数+原型)创建对象

function Person(name,age) {
                   this.name = name;
                   this.age = age;
                }
                Person.prototype.say = function() { 
                  alert("我是"+this.name+",今年"+this.age);
                }
                var my = new Person("SF","25");
                my.say();

相关文章

  • 字面量方式及内置构造函数创建对象

    创建对象的几种方式 字面量方式创建对象 基本写法 ①字面量的方式来创建对象示例 存在的问题 [01] 代码复用性差...

  • 16、Java创建对象有几种方式?

    Java创建对象有几种方式? java中提供了以下四种创建对象的方式: 1、new创建新对象; 2、通过反射机制;...

  • 创建对象的几种方式

    字面量方式和Object构造函数方式创建对象 优点: 方便缺点: 当需要创建很对对象的时候,会有很多重复的代码 工...

  • 创建对象的几种方式

    第一种:对象字面量的方式 第二种:创建Object实例: 第三种:数构造函数无参数构造函数 带参数的构造函数 第四...

  • 创建对象的几种方式

    真是百看不如一练啊 /*var box= new Object(); //创建一个对象 box.name= "xi...

  • 创建对象的几种方式

    字面量创建对象 new Object() 创建对象 工厂模式 构造函数 原型 混合

  • 创建对象的几种方式

    字面量式(最常用) 调用系统的Object构造函数,创建实例对象 工厂模式 构造函数模式 与工厂模式的区别: 没有...

  • 创建对象的几种方式

    1.工厂模式 就像工厂里做好的模具厂一样,一个一个的返回 2、构造函数式 这种方式会经历四个步骤1.创建一个新对象...

  • 创建对象的几种方式

    1.工厂模式 使用方式 2.构造函数(缺点:每个方法需要在原型上构建一遍,重复) 使用方式及测试 3.原型模式(原...

  • 原型链相关问题

    创建对象有几种方法 使用对象字面量的方式创建 使用构造函数创建对象 使用Object.create()方法创建 原...

网友评论

      本文标题:创建对象的几种方式

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