JavaScript高级-----1.面向对象

1. 面向对象编程介绍





2. ES6中的类和对象

2.1 对象

2.2 类

类和对象的总结

2.3 创建类

<script>
    //1. 创建类class
    class Star {

    }
    //2. 创建对象new
    new Star();
</script>

2.4 类constructor构造函数

<script>
    //1. 创建类class
    class Star {
        //new的时候自动调用constructor
        constructor(uname, age) { //constructor可以传递参数
            this.uname = uname;
            this.age = age;
        }

    }
    //2. 创建对象new
    var ldh = new Star("刘德华", 18); ////constructor可以返回实例对象
    var zxy = new Star("张学友");
    console.log(ldh); //Star {uname: "刘德华", age: 18}
    console.log(zxy); //Star {uname: "张学友", age: undefined}
    console.log(ldh.age); //18
    console.log(zxy.uname); //张学友

    //(1) 通过class 关键字创建类, 类名我们还是习惯性定义首字母大写
    //(2) 类里面有个constructor 函数,可以接受传递过来的参数,同时返回实例对象
    //(3) constructor 函数 只要 new 生成实例时,就会自动调用这个函数, 如果我们不写这个函数,类也会自动生成这个函数
    //(4) 生成实例 new 不能省略
    //(5) 最后注意语法规范, 创建类 类名后面不要加小括号,生成实例 类名后面加小括号, 构造函数不需要加function
</script>

3. 类的继承

4. 面向对象案例

猜你喜欢

转载自www.cnblogs.com/deer-cen/p/12371610.html