javascript四种创建对象的方法

html

1javascript

 
    var colo={
    blue:"蓝色",
    green:"绿色", //对象属性
    black:function(){    //对象方法
        return "黑色"
    }
}
  document.getelementbyid("colors").innerhtml=colo.blue//访问对象属性
  //访问对象方法 document.getelementbyid("colors").innerhtml=colo.black()

2javascript

  
   var colo=new object();
    colo.blue="蓝色";
    colo.green="绿色";
    colo.black=function(){
        return "黑色"
    }

  document.getelementbyid("colors").innerhtml=colo.blue//访问对象属性
  //访问对象方法 document.getelementbyid("colors").innerhtml=colo.black()

3javascript

  
 function yanse(){
   var colo=new object();
    colo.blue="蓝色";
    colo.green="绿色";
    colo.black=function(){
        return "黑色"
    }
    return colo//返回colo给yanse（）函数，所以var yanses=yanse()即是var yanses=colo
}
var yanses=yanse()
  document.getelementbyid("colors").innerhtml=yanses.blue//访问对象属性
  //访问对象方法 document.getelementbyid("colors").innerhtml=yanses.black()

4javascript

  
 function yanse(){
    this.blue="蓝色";
    this.green="绿色";
    this.black=function(){
        return "黑色"
    }
}
var yanses=new yanse()
  document.getelementbyid("colors").innerhtml=yanses.blue//访问对象属性
  //访问对象方法 document.getelementbyid("colors").innerhtml=yanses.black()