JavaScript对象表示方式
2016-06-23 14:44
302 查看
/**
* Created by zengxianwen on 2016/6/13.
*/
/**
* 对象之字面量表示方式
* @type {{checkName:
checkObject.checkName, checkEmail: checkObject.checkEmail, checkPwd: checkObject.checkPwd}}
*/
var checkObject =
{
checkName:function ()
{
console.log('checkName');
},
checkEmail:function ()
{
console.log('checkEmail');
},
checkPwd:function ()
{
console.log('checkPwd');
}
}
checkObject.checkName();
/**
* 对象之另一种表示方式
*/
var checkObject_1 = function ()
{}
checkObject_1.checkName = function ()
{
console.log('checkObject_1.checkName')
}
checkObject_1.checkEmail = function ()
{
console.log('checkObject_1.checkEmail')
}
checkObject_1.checkPwd =function(){
console.log('checkObject_1.checkPwd')
}
checkObject_1.checkName();
/**
* 类之本身表示方式
* @constructor
*/
var CheckObject = function ()
{
this.checkEmail = function ()
{
console.log('CheckObject.checkEmail');
return
};
this.checkName = function ()
{
console.log('CheckObject.checkName');
};
this.checkPwd = function ()
{
console.log('CheckObject.checkPwd');
};
}
var c = new CheckObject();
c.checkName();
/**
* 减小开销,类之原型表示方式
* @constructor
*/
var CheckObject_1 = function ()
{};
CheckObject_1.prototype =
{
checkName:function ()
{
console.log('CheckObject_1.checkName');
},
checkEmail:function ()
{
console.log('CheckObject_1.checkEmail');
},
checkPwd:function ()
{
console.log('CheckObject_1.checkPwd');
}
}
new CheckObject_1().checkEmail();
console.log('以下写法为,访问方式为链式访问方式');
/**
* 类之本身表示方式,访问方式为链式
* @constructor
*/
var CheckObject_2 = function ()
{
this.checkEmail = function ()
{
console.log('CheckObject_2.checkEmail');
return this;
};
this.checkName = function ()
{
console.log('CheckObject_2.checkName');
return this;
};
this.checkPwd = function ()
{
console.log('CheckObject_2.checkPwd');
return this;
};
}
var c1 = new CheckObject_2();
c1.checkName().checkEmail();
/**
* 减小开销,类之原型表示方式,访问方式为链式访问方式
* @constructor
*/
var CheckObject_3 = function ()
{};
CheckObject_3.prototype =
{
checkName:function ()
{
console.log('CheckObject_3.checkName');
return this;
},
checkEmail:function ()
{
console.log('CheckObject_3.checkEmail');
return this;
},
checkPwd:function ()
{
console.log('CheckObject_3.checkPwd');
return this;
}
}
new CheckObject_3().checkEmail().checkName();
* Created by zengxianwen on 2016/6/13.
*/
/**
* 对象之字面量表示方式
* @type {{checkName:
checkObject.checkName, checkEmail: checkObject.checkEmail, checkPwd: checkObject.checkPwd}}
*/
var checkObject =
{
checkName:function ()
{
console.log('checkName');
},
checkEmail:function ()
{
console.log('checkEmail');
},
checkPwd:function ()
{
console.log('checkPwd');
}
}
checkObject.checkName();
/**
* 对象之另一种表示方式
*/
var checkObject_1 = function ()
{}
checkObject_1.checkName = function ()
{
console.log('checkObject_1.checkName')
}
checkObject_1.checkEmail = function ()
{
console.log('checkObject_1.checkEmail')
}
checkObject_1.checkPwd =function(){
console.log('checkObject_1.checkPwd')
}
checkObject_1.checkName();
/**
* 类之本身表示方式
* @constructor
*/
var CheckObject = function ()
{
this.checkEmail = function ()
{
console.log('CheckObject.checkEmail');
return
};
this.checkName = function ()
{
console.log('CheckObject.checkName');
};
this.checkPwd = function ()
{
console.log('CheckObject.checkPwd');
};
}
var c = new CheckObject();
c.checkName();
/**
* 减小开销,类之原型表示方式
* @constructor
*/
var CheckObject_1 = function ()
{};
CheckObject_1.prototype =
{
checkName:function ()
{
console.log('CheckObject_1.checkName');
},
checkEmail:function ()
{
console.log('CheckObject_1.checkEmail');
},
checkPwd:function ()
{
console.log('CheckObject_1.checkPwd');
}
}
new CheckObject_1().checkEmail();
console.log('以下写法为,访问方式为链式访问方式');
/**
* 类之本身表示方式,访问方式为链式
* @constructor
*/
var CheckObject_2 = function ()
{
this.checkEmail = function ()
{
console.log('CheckObject_2.checkEmail');
return this;
};
this.checkName = function ()
{
console.log('CheckObject_2.checkName');
return this;
};
this.checkPwd = function ()
{
console.log('CheckObject_2.checkPwd');
return this;
};
}
var c1 = new CheckObject_2();
c1.checkName().checkEmail();
/**
* 减小开销,类之原型表示方式,访问方式为链式访问方式
* @constructor
*/
var CheckObject_3 = function ()
{};
CheckObject_3.prototype =
{
checkName:function ()
{
console.log('CheckObject_3.checkName');
return this;
},
checkEmail:function ()
{
console.log('CheckObject_3.checkEmail');
return this;
},
checkPwd:function ()
{
console.log('CheckObject_3.checkPwd');
return this;
}
}
new CheckObject_3().checkEmail().checkName();
相关文章推荐
- js 综合基本知识题目测试
- Json简介
- 利用Canvas+js实现贪吃蛇(3)
- 再次谈论Javascript中的this
- Javascript页面之间参数传递 (前端)
- 五种 JSP页面跳转方法详解
- js滑动特效插件Swiper使用心得
- json传空值NSArray
- JS时间类扩展
- 43、JavaScript的运动----任意属性值的运动---透明度的改变
- js里边填充数据:点一次会闪一次的问题
- 使用Gson解析复杂的json数据
- javascript中this关键字的使用
- 42、JavaScript的运动----多个物体同时运动
- javascript 删除 url 中指定参数,并返回 url
- 文章标题
- 关于JavaScript的类的继承
- js 各种高度宽度汇总(为自己记忆)
- WEB项目中的(曲线图,柱状图,饼状图,以及两种基础弹出框)快速优雅实现
- jsse.jar