Javascript定义对象的三种方式

﹏ヽ暗。殇╰゛Y 2022-05-15 10:55 207阅读 0赞

1.  js是基于原型、基于对象、解释型、弱类型语言。
2.  它不是面向对象，通常用函数来拟对象。
3.  通常有三种定义方式，而我们通常看到的json对象形式便是其中一种。\`

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>回顾js中如何定义对象</title>
    </head>
    <body>
    </body>
    <script type="text/javascript"> /*定义对象的方式1*/ function Person(){ }//相当于java中的一个构造方法 var p1 = new Person()//创建了一个对象 p1.name="zhangsan"; p1.age="25";//动态地给对象赋属性 p1.show=function(){ document.write(this.name+"---"+this.age+"<br/>"); }//用匿名函数的方式给对象添加成员方法 p1.show();//调用方法 //成员变量有两种调用方法，点和中括号运算符 document.write(p1.name+"<br/>"); document.write(p1["age"]+"<br/>"); /*定义对象的方式2*/ function Person(name,age){ this.name = name; this.age = age; this.setName = function(name){ this.name = name; } this.setAge = function(age){ this.age = age; } this.getName = function(){ return this.name; } this.getAge = function(){ return this.age; } } var p2 = new Person("zhangsan","25"); document.write(p2.getName()+"<br/>"); document.write(p2.name+"<br/>"); document.write(p2["age"]+"<br/>"); /*定义对象的方式3*/ //直接使用{}定义属性和值的键值对方式，键和值通过冒号连接，键和键之间用逗号隔开 //这一点也是理解JSON对象为什么是辣个样子滴 var p3 = { "name":"zhangsan", "age":"25", "getName":function(){ return this.name; } } document.write(p3.getName()+"<br/>"); document.write(p3.name+"<br/>"); document.write(p3["age"]); </script>
    </html>

![这里写图片描述][70]

[70]: /images/20220515/286fcf219ae540288d75cb9809725c70.png