javascript定义对象写法
2015-11-25 10:55
253 查看
javascript定义对象的几种简单方法
1.构造函数方式,全部属性及对象的方法都放在构造方法里面定义
优点:动态的传递参数
缺点:每创建一个对象就会创建相同的方法函数对象,占用大量内存
优点:将原型函数写在对象定义里面
缺点:不支持继承
$(document).ready(function() {
var user=new User1("jack","123456");
var user1=new User1("jack","123456");
});
//测试单例
function User1(name,password){
this.name=name;
this.password=password;
if(typeof User1._initialized=="undefined"){
alert("是否继续生成");
User1.login=function(name,password){
if(this.name == name && this.password == password){
return true;
}else{
return false;
}
}
}
User1._initialized = true;
}
}
3、JSON方式/对象直接量(强烈推荐用这种。)
格式:
var 对象名 = {
变量1: 变量1的值,
变量1: 变量1的值,
……,
函数1: function() {
函数体
},
函数2:function() {
函数体
}//Note:最后的逗号要去除为了和IE兼容。
};
//示例
var data={
name:"jack",
age:"26",
eat:function(){
alert("i am eat");
},
sleep:function(){
alert("i am sleep");
}
};
1.构造函数方式,全部属性及对象的方法都放在构造方法里面定义
优点:动态的传递参数
缺点:每创建一个对象就会创建相同的方法函数对象,占用大量内存
$(document).ready(function() { var user=new User1("jack","123456"); var flag=user.login("jack","123456"); alert(flag); }); //利用构造方法生成对象 function User1(name,password){ this.name=name; this.password=password; this.login=function(name,password){ if(this.name == name && this.password == password){ return true; }else{ return false; } }2.动态原型方式:加一个判断属性,来判断该对象是否已经被创建过,如果被创建过,则方法就不在构建
优点:将原型函数写在对象定义里面
缺点:不支持继承
$(document).ready(function() {
var user=new User1("jack","123456");
var user1=new User1("jack","123456");
});
//测试单例
function User1(name,password){
this.name=name;
this.password=password;
if(typeof User1._initialized=="undefined"){
alert("是否继续生成");
User1.login=function(name,password){
if(this.name == name && this.password == password){
return true;
}else{
return false;
}
}
}
User1._initialized = true;
}
}
3、JSON方式/对象直接量(强烈推荐用这种。)
格式:
var 对象名 = {
变量1: 变量1的值,
变量1: 变量1的值,
……,
函数1: function() {
函数体
},
函数2:function() {
函数体
}//Note:最后的逗号要去除为了和IE兼容。
};
//示例
var data={
name:"jack",
age:"26",
eat:function(){
alert("i am eat");
},
sleep:function(){
alert("i am sleep");
}
};
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- js可突破windows弹退效果代码
- JSP脚本漏洞面面观
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- 爆炸式的JS圆形浮动菜单特效代码
- js select常用操作控制代码
- JS实现不使用图片仿Windows右键菜单效果代码
- 从jsp发送动态图像
- 原生js结合html5制作小飞龙的简易跳球
- js 页面模块自由拖动实例
- js实现小鱼吐泡泡在页面游动特效
- js 提交和设置表单的值
- PHP VBS JS 函数 对照表
- node.js抓取并分析网页内容有无特殊内容的js文件
- PHP+JS实现大规模数据提交的方法
- 仿51JOB的地区选择效果(可选择多个地区)
- js身份证验证超强脚本