Javascript定义对象的三种方式

最新推荐文章于 2022-06-15 14:01:25 发布

yicha_icode

最新推荐文章于 2022-06-15 14:01:25 发布

阅读量848

点赞数 1

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/yicha_i/article/details/82155746

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

js是基于原型、基于对象、解释型、弱类型语言。
它不是面向对象，通常用函数来拟对象。
通常有三种定义方式，而我们通常看到的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>

这里写图片描述

yicha_icode

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Javascript定义对象的三种方式

js是基于原型、基于对象、解释型、弱类型语言。它不是面向对象，通常用函数来拟对象。通常有三种定义方式，而我们通常看到的json对象形式便是其中一种。`&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;回顾js中
复制链接

扫一扫