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

来源：互联网发布：淘宝技术论坛编辑：程序博客网时间：2024/06/11 04:34

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" onclick="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));//9v1.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));//7v2.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);//qqalert(v3.attr3('ha'));//qqhav3.attr4('444');alert(v3.attr2);//3444</script>