js创建对象的4中方式（初学者可以看看）-CSDN博客

js无论初学者还是有了几年的老手都可以说自己会。

但是js的水平可以说每个人都不一样，差距很大。

因为平时只要够用就可以了，很多人就没有去深入学习，一些简单的

对象声明方式也说不清楚。

我认为学习js最重要的就是基础语法，某些方法其实用的时候并不多，

而且有些已经被jquery更优秀的方法代替了，所以关于js大家还是学好基础。

这对于学习jquery也很有帮助，js的东西会了，jquery的源码就很容易理解。

<html>
<body>

<script type="text/javascript">

var v1=new Object();
v1.name="tom";
v1.age=25;

var v2={
  address:"北京",
  house:"big"
}


var v3=null;//这样声明的对象时简单的雾封装的js对象,也是初学者最早接触的方式
//v3.gg="ggvvv";//这种写法是错误的v3是简单变量，不是封装的js对象，不能加属性


//注意里面是逗号
function makeObject(name,sex,phone){
   this.name=name,
   this.sex=sex,
   this.phone=phone
}

var v4=new makeObject('v4','男','15833981296');
document.write(v1.name + " 的年龄是 " + v1.age + " 岁。<br>");
document.write(" 地址是 " +v2.address+ ",房子"+ v2.house+"<br>");
//document.write(" v3" +v3.gg);
document.write(" 名字 " +v4.name+ ",性别"+ v4.sex+ ",电话号码"+ v4.phone+"<br>");

</script>

</body>
</html>

//闲着无聊又些一个练练/

<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <script src="jquery-1.7.1.js" type="text/javascript"></script>
<style>
.aaa,.bbb{
    color: red;
}

</style>
</head>

<body style=" overflow-y:scroll;overflow-x:auto;">


<input type="text" class="aaa" value="" />
<input type="button" class="bbb" οnclick="test()" value="click" />
</body>
</html>
        
<script>
//var path=document.getElementById("path").value;
function test(){

}

/*
var v1=new Object();
v1.attone="hi";
v1.atttwo=3;
v1.attthree=function threefunc(param){
   return v1.atttwo+param;
}
v1.attfour=function(param){
   v1.attone+=param;
}
alert(v1.attthree(6));//9

v1.attfour('99');
alert(v1.attone);//hi99
*/


/*
var v2={
  atfirst:"haha",
  atsecond:2,
  atthird:function functhird(param){
    return v2.atsecond+param;
  },
  atfourth:function funcfourth(param){
    v2.atfirst+=param;
  }
  
}

alert(v2.atthird(5));//7

v2.atfourth('gege');
alert(v2.atfirst);//hahagege

*/

function funcObject3(param1,param2){
   this.attr1=param1,
   this.attr2=param2,
   this.attr3=function funcfone(param3){
      return this.attr1+param3;
   },
   this.attr4=function funcftwo(param4){
     this.attr2+=param4;
   }
}

var v3=new funcObject3('qq',3);

alert(v3.attr1);//qq

alert(v3.attr3('ha'));//qqha

v3.attr4('444');
alert(v3.attr2);//3444
</script>