美文网首页
python学习笔记-前端基础04-javaScripty对象

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

作者: MR_詹 | 来源:发表于2020-11-07 08:57 被阅读0次

    自定义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>
    

    相关文章

      网友评论

          本文标题:python学习笔记-前端基础04-javaScripty对象

          本文链接:https://www.haomeiwen.com/subject/zlwnvktx.html