Javascript定义对象的三种方式

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>

这里写图片描述

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

智能推荐

Intellij IDEA 搭建Spring Boot项目(一)

Intellij IDEA 搭建Spring Boot项目标签（空格分隔）： SpringBoot JAVA后台第一步选择File –> New –> Project –>Spring Initialer –> 点击Next 第二步自己修改 Group 和 Artif...

CentOS学习之路1-wget下载安装配置

参考1: https://blog.csdn.net/zhaoyanjun6/article/details/79108129 参考2: http://www.souvc.com/?p=1569 CentOS学习之路1-wget下载安装配置 1.wget的安装与基本使用安装wget yum 安装软件默认安装保存在/var/cache/yum ，用于所有用户使用。帮助命令基本用法例子：下载...

深入浅出Spring的IOC容器，对Spring的IOC容器源码进行深入理解

文章目录 DispatcherServlet整体继承图入口:DispatcherServlet.init() HttpServletBean.init() FrameworkServlet.initServletBean() 首先大家，去看Spring的源码入口，第一个就是DispatcherServlet DispatcherServlet整体继承图入口:DispatcherServlet....

laravel框架的课堂知识点概总

1. MVC 1.1 概念理解 MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑 MVC 是一种使用 MVC（Model View Controller ...

Unity人物角色动画系统学习总结

使用动画系统控制人物行走、转向、翻墙、滑行、拾取木头混合树用来混合多个动画 MatchTarget用来匹配翻墙贴合墙上的某一点，人物以此为支点翻墙跳跃 IK动画类似于MatchTarget，控制两只手上的两个点来指定手的旋转和位置，使得拾取木头时更逼真创建AnimatorController：首先创建一个混合树，然后双击可以看到该混合树有五种状态机，分别是Idle、WalkForward、...

Javascript定义对象的三种方式

智能推荐

猜你喜欢