JavaScript中创建对象的几种方法

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

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

function Person(name,age){ 
            this.name=name;
            this.age=age;
        }
        var p=new Person('joc',20);
        document.write(p.name+" "+p.age);

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

<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语法创建对象  
格式如下：

object={ propertyName1:propertyValue1, propertyName2:propertyValue2 }

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

person={
        name:'joc',
        gender:'male',
        //使用JSON对象为其指定一个属性
        son:{
           name:'sonam',
           age:17
       },
       //使用JSON语法为person直接分配一个方法
       info:function(){ 
           document.writeln("姓名:"+this.name+"性别:"+this.gender);
      },
      //定义一个数组
      fruits:['apple','banana','orange'],
      //对象数组
      parents:[
           {
                name:'hhoh',
                age:21
        },{
               name:'moth',
               age:23
        }
     ]
    };

发表评论取消回复

表情：

评论列表（有 0 条评论，159人围观）

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

相关阅读

相关 JavaScript中创建对象的几种方法

1、使用new关键字调用构造器创建对象 function Person(name,age){ this.name=name;

太过爱你忘了你带给我的痛/ 2022年08月23日 00:59/ 0 赞/ 160 阅读

相关 JavaScript中创建对象的几种方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

野性酷女/ 2022年08月09日 05:29/ 0 赞/ 217 阅读

相关转：javascript中创建对象的几种方式

前言：随着web 2.0 的兴起（最具代表性的是Ajax技术了），javascript不再是程序员眼中的“玩具语言”。编程在不断的简化，可是“用户体验、

短命女/ 2022年08月03日 11:54/ 0 赞/ 179 阅读

相关 JavaScript中创建对象的几种模式

JavaScript中创建对象的几种模式一:Object构造函数或对象字面量创建单个对象 Object构造函数: var peopel = new Objec

谁借莪１个温暖的怀抱￠/ 2022年07月12日 13:20/ 0 赞/ 144 阅读

相关 JavaScript创建对象的几种模式

1. 工厂模式其基本思想是：创建一个函数，在函数中创建一个对象，给对象增加属性和方法，最后返回该对象。下面是一个简单的工厂模式： function creat

喜欢ヅ旅行/ 2022年06月18日 00:27/ 0 赞/ 154 阅读

相关 JavaScript创建对象的几种模式

前言 -------------------- > 对象字面量以及Object构造函数均可以创建单个对象，但是这样的方式有一个致命缺点，会产生大量的重复代码，为了解决这

怼烎@/ 2022年06月08日 03:54/ 0 赞/ 197 阅读

相关 JavaScript中创建对象的几种方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

阳光穿透心脏的1/2处/ 2022年06月02日 03:58/ 0 赞/ 198 阅读

相关 Java中创建对象的几种方法

创建一个对象不是只有通过new操作可以完成，还可以有其他的方法，比如clone()，反射等。但是总的来说，一般归类为四种情况：调用new语句创建对象，也是最常见的一种

一时失言乱红尘/ 2022年05月27日 02:50/ 0 赞/ 188 阅读

相关 javascript中创建对象的几种方式

虽然new Object( )和对象字面量的都可以用来创建单个对象，但有个缺点：如果使用同一接口创建许多对象，那么会产生冗余代码。一、工厂模式 functio

我会带着你远行/ 2022年03月16日 06:58/ 0 赞/ 288 阅读

相关 JavaScript对象的几种创建方式?

\\\` > JavaScript对象的几种创建方式? \`\\ ![clipboard.png][] ![clipboard.png][clipboard.png 1

清疚/ 2022年03月07日 07:24/ 0 赞/ 349 阅读