js基础——构造函数

最新推荐文章于 2023-05-16 22:40:39 发布

恬一

最新推荐文章于 2023-05-16 22:40:39 发布

阅读量76

点赞数

分类专栏： js 前端学习

本文链接：https://blog.csdn.net/weixin_44158539/article/details/113668049

版权

js 同时被 2 个专栏收录

39 篇文章 0 订阅

订阅专栏

前端学习

39 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
          使用工厂法创建对象，使用的构造函数都是object
            所以创建的对象都是object这个类型的
            就导致我们无法区分出不同类的对象
        */
        /*
          以创建狗的对象为例
        */
        function createDog(name,age){
            var obj=new Object();
            obj.name=name;
            obj.age=age;
            obj.sayHello=function(){
                alert("汪汪~~~");
            }
            return obj;
        }
    
        var dog=createDog("旺财",3,);
        dog.sayHello();
        document.write("<hr>");
        document.write("<hr>");
        document.write("<hr>");
    </script>
    <script>
        /*
             1.创建一个构造函数，专门用来创建person对象
             2.构造函数就是一个普通的函数，创建方式和普通函数没有什么区别
             不同的是构造函数习惯上首字母大写
             3.构造函数和普通函数的区别就是调用方式的不同
             普通函数是直接调用，而构造函数需要使用关键字new来调用

          构造函数的执行流程：
              1.立刻创建一个新的对象
              2.将新建的对象设置为函数中的this,
              在构造函数中可以使用this来引用新建的对象
              3.逐行执行函数中的代码
              4.将新建的对象作为返回值返回
            使用同一个构造函数创建的对象，我们称为一类对象，也将一个构造函数称为一个类
            我们将通过一个函数创建的对象，称为是该构造函数的实例

            this的情况：
               1.当以函数的形式调用时，this是window
               2.当以方法的形式调用时，谁调用方法，this就是谁
               3.当以构造函数的形式调用时，this就是新创建的对象
        */
        function Person(name,age,gender){
            this.name=name;
            this.age=age;
            this.gender=gender;
            this.sayName=function(){
                alert(this.name);
            }
        }
        //任何函数，只要通过new操作符来调用，就可以作为构造函数
        var per=new Person("孙",18,"男");
        var per2=new Person("悟",17,"男");
        var per3=new Person("空",16,"男");
        var per4=new Person("悟空",15,"男");
        var per5=new Person("孙悟",14,"男");
        console.log(per);
        console.log(per2);
        console.log(per3);
        console.log(per4);
        /*
          使用instanceof可以检查一个对象是否是一个类的实例
            语法：
              对象instanceof构造函数
        如果是，则返回true,否则返回false


        所有的对象都是Object的后代
        所有的对象和Object做instanceof检查都会返回true
        */
        console.log(per instanceof Person);
        console.log(per instanceof Object);

    </script>
</head>
<body>
    
</body>
</html>

恬一

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js基础——构造函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 使用工厂
复制链接

扫一扫