创建js对象和js类的方法汇总

 更新时间:2014年12月24日 11:14:41   投稿:hebedich  
这篇文章主要介绍了2种创建js对象和js类的方法,十分的简单,推荐给大家。

代码很简单,就不多废话了。

复制代码 代码如下:

//第一种定义方式
var person=new Object(); //创建了一个对象.
person.name="tom"; //使用person对象对调用name属性,它的值为tom
alert(person.name); //显示name属性值
person.say=function(){ //对person对象添加了一个say函数。
alert("person say");
};
person.say();

复制代码 代码如下:

//第二种定义方式
var person={
name:"tom",
say:function(){
alert("hello person");
}
}; //创建了一个对象.
//alert(person.name);
//person.say();
person.age=10;
alert(person.age);
//js中定义类是使用function。
var Person = function(name){ //我们在定义一个类。 相当于它具有一个有参数的构造函数。
this.name =name;//类的属性
this.say = function(){ //类的方法.
alert("say good");
}
}
var p = new Person("fox"); //定义Person类的一个对象p
alert(p.name); //调用name属性

相关文章

  • 理解JavaScript中的事件

    理解JavaScript中的事件

    理解JavaScript中的事件...
    2006-09-09
  • js金额数字格式化实现代码(加减逗号处理)

    js金额数字格式化实现代码(加减逗号处理)

    这篇文章主要介绍了js中将数字格式化为金额的方法,使用加减逗号处理金额,一个格式化金额的代码,有需要的朋友参考下
    2014-04-04
  • JS实现仿QQ面板的手风琴效果折叠菜单代码

    JS实现仿QQ面板的手风琴效果折叠菜单代码

    这篇文章主要介绍了JS实现仿QQ面板的手风琴效果折叠菜单代码,涉及JavaScript基于鼠标事件动态操作页面元素样式的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • javascript面向对象三大特征之封装实例详解

    javascript面向对象三大特征之封装实例详解

    这篇文章主要介绍了javascript面向对象三大特征之封装,简单描述了封装的基本概念、原理,并结合实例形式详细分析了javascript面向对象程序设计中封装的用法与相关操作注意事项,需要的朋友可以参考下
    2019-07-07
  • js实现一个页面多个倒计时的3种方法

    js实现一个页面多个倒计时的3种方法

    这篇文章主要为大家详细介绍了js实现一个页面多个倒计时的3种方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-02-02
  • Javascript 遍历页面text控件详解

    Javascript 遍历页面text控件详解

    本篇文章主要是对Javascript遍历页面text控件进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • JavaScript实现的斑马线表格效果【隔行变色】

    JavaScript实现的斑马线表格效果【隔行变色】

    这篇文章主要介绍了JavaScript实现的斑马线表格效果,通过javascript针对table表格的遍历与运算实现隔行变色功能,非常简单实用,需要的朋友可以参考下
    2017-09-09
  • JS实现轮播图效果的3种简单方法

    JS实现轮播图效果的3种简单方法

    这篇文章主要为大家详细介绍了JS实现轮播图效果的3种简单方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • 挺实用的20个JavaScript简化写法代码技巧

    挺实用的20个JavaScript简化写法代码技巧

    掌握一些JavaScript的精简书写方式,有助增强代码的阅读性,提升代码质量,任何一种编程语言的简写小技巧都是为了帮助你写出更简洁、更完善的代码,让你用更少的编码实现你的需求
    2023-08-08
  • Weex开发之WEEX-EROS开发踩坑(小结)

    Weex开发之WEEX-EROS开发踩坑(小结)

    这篇文章主要介绍了Weex开发之WEEX-EROS开发踩坑(小结),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10

最新评论