python学习笔记-前端基础04-javaScripty对象

2020-11-07  本文已影响0人  MR_詹

自定义JavaScript对象

JavaScript中所有事物都是对象:字符串、数值、数组、函数等都可以认为是对象。JavaScripty允许自定义对象,对象可以拥有属性和方法

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标签选择器css</title>
    <script>
        // 自定义JavaScript对象,有两种方法
        // 1. 使用顶级类型Object创建自定义的对象
        var oPerson = new Object();
        // 添加属性
        oPerson.name = 'liven';
        oPerson.age = 19;
        // 添加方法
        oPerson.show = function(){
            alert("我是一个好人");
        };

        // 通过对象获取属性和调用方法
        alert(oPerson.name);
        oPerson.show();


        // 2. 使用字面量创建自定义的对象
        var oStudent = {
            name:'老三',
            age:19,
            show:function(){
                alert("我是一个好人");
            }
        };

        alert(oStudent.name + oStudent.age);
        oStudent.show();
        
    </script>
</head>

 
<body>

</body>
</html>

json数据转换成JavaScript对象

<script>
  // json中key和value必须使用双引号
 // json数据
 var json1 = '{"name":"live","age":"11"}';
 // json转JavaScript对象
 var oPerson = JSON.parse(json1);
  // 终端打印
 console.log(oPerson);
 // 获取对象属性
  alert(oPerson.name + oPerson.age);
</script>
上一篇下一篇

猜你喜欢

热点阅读