对象和类

对象 某一类的实例
类 学生 抽象概念:就是对某一个类具体实例(对象)的抽象
Javascript新建一个类 使用构造函数
this指实例化的对象

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. /*
  11. 对象 某一类的实例
  12. 类 学生 抽象概念:就是对某一个类具体实例(对象)的抽象
  13. */
  14. /* Javascript新建一个类 使用构造函数
  15. Student 类
  16. name
  17. age
  18. */
  19. function Student(name,age){
  20. this.name = name;
  21. this.age = age;
  22. }
  23. /* this指实例化的对象 */
  24. /* 具体的对象 */
  25. var chen = new Student("陈文",18);
  26. var zhang = new Student("张三",18)
  27. console.log(chen)
  28. console.log(zhang)
  29. </script>
  30. </body>
  31. </html>

构造函数

构造函数:构造一个类(对象)的函数
构造函数的特点:
1.首字母大写
2.函数内部使用this关键字,谁new(实例化)就指向谁
2.使用this关键字给对象添加属性
4.必须使用new关键字,去生成一个对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 构造函数:构造一个类(对象)的函数
        对象
        类 抽象的对象
        */
        /*
        构造函数的特点:
        1.首字母大写
        2.函数内部使用this关键字,谁new(实例化)就指向谁
        2.使用this关键字给对象添加属性
        4.必须使用new关键字,去生成一个对象
        */
        function Person(name,age){
            this._name = name;
            this._age = age;
        }
        // 实例
        var p = new Person("zhou",22);
        console.log(p);
        console.log(Person("zhou",22)) //undefined 必须使用new
    </script>
</body>
</html>

读取对象的属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<script>
        function Person(name,age){
        this.name=name;
        this.age=age;
    }
    var p = new Person("zhou",22)
    console.log(p.age)
</script>
</body>
</html>