js 创建对象的的方式

1.直接给对象扩充属性和方法(对象字面量)

var person={
        name:'苏罡',
        age:22,
        sex:"男",
        hobby:["打篮球","读书","吹牛"]
    } 
   console.info(person);

2.工厂方式

function Person(name,age,sex,hobby){
        var obj= new Object();
        obj.name=name;
        obj.age=age;
        obj.sex=sex;
        obj.hobby=hobby;
        obj.work=function(){
            alert("敲代码")
        };
        return obj;
    }
    var sugang = Person("田彭伟",21,"男",["A",'B','C']);
    console.info(sugang);

3.构造函数模式

   function Person(name,age,sex,hobby){
    this.name = name;
    this.age = age;
    this.sex = sex;
        this.hobby=hobby;
    this.work = function(){
      alert("敲代码");
    }
  }
    var sugang = new Person("苏罡", 23, "男",["做饭","旅游"]); 
    console.info(sugang);

4..原型模式

function Person(){}
      Person.prototype.name = '苏罡';
      Person.prototype.age = 22;
      Person.prototype.sex  = '男';
      Person.prototype.work = function(){
        alert('敲代码');
      }
  var sugang = new Person();
  var sugang1 = new Person();
  console.info(sugang);
  console.info(sugang.name==sugang1.name)

猜你喜欢

转载自blog.csdn.net/sugang666/article/details/86234269
今日推荐