JSON、面向对象编程、class继承2022-2-21

JSON

1.1JSON是什么

JSON（JavaScript Object Notation,JS对象简谱）是一种轻量级的数据交换格式。
间接和清晰的层次结构使得JSON成为理想的数据交换语言。
易于人阅读和编写，同时也易于机器解析和生成，并有效的提升网络传输效率。

在JavaScript一切皆为对象，任何Js支持的类型都可以用SON来表示
格式：

• 对象都用{}
• 数组都用[]
• 所有的键值对都是用key.value

1.2 JSON字符串和JS对象的转化

var user = {
        name:"xiaoming",
        age:5,
        sex:"男"
    }

    //对象转化为json字符串
    var jsonuser = JSON.stringify(user);

    //json字符串转化为对象,参数为json字符串
    var obj = JSON.parse('{"name":"xiaoming","age":5,"sex":"男"}');

1.3 JSON和JS对象的区别

var obj = {a:'hello',b:'hi'};
var json = '{"a":"hello","b":"hi"}'

二、面向对象编程

2.1什么是面向对象

var Student = {
        name:"xiaoming",
        age:5,
        sex:"男",
        run:function (){
            console.log(this.name+"run...");
        }
    };
    var xiaohua = {
        name:"xiaohua",

    };

    //原型对象
    //xiaohua.__proto__=Student;
    var Bird = {
        run:function (){
            console.log(this.name+"fly...");
        }
    };
    //小华的原型是Bird
    xiaohua.__proto__=Bird;

    //小华的原型是Student
    xiaohua.__proto__=Student;

三、class继承

3.1 定义一个类，属性，方法

//定义一个学生类
    class Student{
        constructor(name) {
            this.name = name;

        }
        hello(){
            alert("hello");
        }
    }
    var xiaoming = new Student("xiaoming");
    var xiaohong = new Student("xiaohong");

3.2、继承

    //定义一个学生类
    class Student{
        constructor(name) {
            this.name = name;

        }
        hello(){
            alert("hello");
        }
    }


    class littleStuent extends Student{
        constructor(name,grade) {
            super(name);
            this.grade=grade;
        }
        myGrade(){
            alert("我是一个小学生");
        }
    }



    var xiaoming = new Student("xiaoming");
    var xiaohong = new littleStuent("xiaohong",100);