nullJavascript中创建对象的五种方法实例

 更新时间:2013年05月07日 10:35:06   作者:  
今天上午,非常郁闷,有很多简单基础的问题搞得我有些迷茫,哎,代码几天不写就忘。目前又不当COO,还是得用心记代码哦!

复制代码 代码如下:

<script type="text/javascript">

// 方法一
var p0 = new Object();
p0.name = "xy";
p0.age = 20;
p0.sayName = function() { alert(this.name); }
p0.showAgeAfterSomeYears = function(year) { return this.age + year };
p0.sayName();
alert(p0.showAgeAfterSomeYears(10));

// 方法二
function Person(){
}
var p1 = new Person();
p1.name = "xy";
p1.age = 20;
p1.sayName = function() { alert(this.name); }
p1.showAgeAfterSomeYears = function(year) { return this.age + year };
p1.sayName();
alert(p1.showAgeAfterSomeYears(10));

// 方法三
function Person(name,age){
this.name = name;
this.age = age;
this.sayName = function(){ alert(this.name); }
this.showAgeAfterSomeYears = function(year) { return this.age + year };
}
var p2 = new Person("xy",20);
p2.sayName();
alert(p2.showAgeAfterSomeYears(10));

// 方法四
var p3 = {
name : "xy",
age : 20,
sayName : function(){ alert(this.name); },
showAgeAfterSomeYears : function(year) { return this.age + year }
};
p3.sayName();
alert(p3.showAgeAfterSomeYears(10));

// 方法五
var p4 = {};
p4.name = "xy";
p4.age = 20;
p4.sayName = function() { alert(this.name); }
p4.showAgeAfterSomeYears = function(year) { return this.age + year };
p4.sayName();
alert(p4.showAgeAfterSomeYears(10));

</script>

相关文章

  • JavaScript数据类型转换的注意事项

    JavaScript数据类型转换的注意事项

    JavaScript是一种无类型语言,但同时JavaScript提供了一种灵活的自动类型转换的处理方式。基本规则是,如果某个类型的值用于需要其他类型的值的环境中,JavaScript就自动将这个值转换成所需要的类型。
    2016-07-07
  • 使用ThinkJs搭建微信中控服务的实现方法

    使用ThinkJs搭建微信中控服务的实现方法

    这篇文章主要介绍了使用ThinkJs搭建微信中控服务的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • JavaScript队列、优先队列与循环队列

    JavaScript队列、优先队列与循环队列

    这篇文章主要为大家详细介绍了JavaScript队列、优先队列与循环队列的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • JavaScript数组的定义及数字操作技巧

    JavaScript数组的定义及数字操作技巧

    这篇文章主要介绍了JavaScript数组的定义及数字操作技巧的相关资料,需要的朋友可以参考下
    2016-06-06
  • JS格式化数字保留两位小数点示例代码

    JS格式化数字保留两位小数点示例代码

    式化数字保留两位小数点实现的方法有很多,在接下来的文章中将为大家详细介绍下如何使用js来实现
    2013-10-10
  • 前端项目中正确插入图片的不同方法和技术

    前端项目中正确插入图片的不同方法和技术

    本文详细介绍了在前端项目中插入图片的不同方法,包括HTML标签、CSS样式、JavaScript动态加载以及图片的性能优化,其中涉及到的技术包括响应式图片设计、图片懒加载技术和图片格式选择等,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-10-10
  • 小程序卡片切换效果组件wxCardSwiper的实现

    小程序卡片切换效果组件wxCardSwiper的实现

    这篇文章主要介绍了小程序卡片切换效果组件wxCardSwiper的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • 不刷新网页就能链接新的js文件方法总结

    不刷新网页就能链接新的js文件方法总结

    在本篇文章里小编给大家整理的是关于不刷新网页就能链接新的js文件方法总结,需要的朋友们参考下。
    2020-03-03
  • javascript tips提示框组件实现代码

    javascript tips提示框组件实现代码

    一个简单的类似title的提示效果,但现实内容可以很丰富,以上js另存为tip.js,下面是使用的demo。
    2010-11-11
  • 一文详解JS与TS的主要区别

    一文详解JS与TS的主要区别

    TypeScript(简称 TS)和JavaScript(简称 JS)都是用于编写Web应用程序的语言,下面这篇文章主要给大家介绍了关于JS与TS的主要区别,需要的朋友可以参考下
    2024-03-03

最新评论