JavaScript中创建对象的几种方法

太过爱你忘了你带给我的痛 2022-08-23 00:59 313阅读 0赞

1、使用new关键字调用构造器创建对象

  1. function Person(name,age){
  2. this.name=name;
  3. this.age=age;
  4. }
  5. var p=new Person('joc',20);
  6. document.write(p.name+" "+p.age);

2、使用Object直接创建对象
可以动态地增加属性和方法

  1. <script type="text/javascript"> //创建空对象 var myObj=new Object(); //增加属性 myObj.name="joc"; myObj.age="20"; //输出对象的属性 document.writeln(myObj.name+" "+myObj.age); //增加方法 myObj.info=function objTest(){ document.writeln("name:"+this.name); document.writeln("age:"+this.age); } </script>

3、使用JSON语法创建对象
格式如下:

  1. object={ propertyName1:propertyValue1, propertyName2:propertyValue2 }

注意:最后一个属性值后边不要加逗号
使用JSON语法创建JavaScript对象,属性值可以是普通字符串、任何基本数据类型、函数、数组,还可以是另外一个JSON语法创建的对象。
例如:

  1. person={
  2. name:'joc',
  3. gender:'male',
  4. //使用JSON对象为其指定一个属性
  5. son:{
  6. name:'sonam',
  7. age:17
  8. },
  9. //使用JSON语法为person直接分配一个方法
  10. info:function(){
  11. document.writeln("姓名:"+this.name+"性别:"+this.gender);
  12. },
  13. //定义一个数组
  14. fruits:['apple','banana','orange'],
  15. //对象数组
  16. parents:[
  17. {
  18. name:'hhoh',
  19. age:21
  20. },{
  21. name:'moth',
  22. age:23
  23. }
  24. ]
  25. };

发表评论

表情:
评论列表 (有 0 条评论,313人围观)

还没有评论,来说两句吧...

相关阅读