您的位置：首页 > Web前端 > JavaScript

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

2012-06-04 14:04 393 查看

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));//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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航