8.15学习内容

最新推荐文章于 2024-08-21 11:02:00 发布

一个默默努力的小白

最新推荐文章于 2024-08-21 11:02:00 发布

阅读量120

点赞数

文章标签：学习 javascript 前端

本文链接：https://blog.csdn.net/weixin_45652417/article/details/126357052

版权

1.我们为什么需要构造函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //我们为什么需要使用构造函数
        var ldh={
            uname:'刘德华',
            age:55,
            sing:function(){
                console.log('冰雨');
            }
        }
         var zxy={
            uname:'张学友',
            age:58,
            sing:function(){
                console.log('李香兰');
            }
         }
         //我们一次创建一个对象，里面很多的属性和方法是大量相同的，我们只能复制
         //因此我们可以利用函数的方法，重复这些相同的代码，我们就把这个函数称为构造函数
         //又因为这个函数不一样，里面封装的不是普通代码，而是对象
         //构造函数，就是把对象里面一些相同的属性和方法抽象出来封装到函数里面
    </script>
</head>
<body>
    
</body>
</html>

2.利用构造函数创建对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //利用构造函数创建对象
        //我们需要创建四大天王的对象  相同的属性：名字，年龄，性别，相同的方法：唱歌
        //构造函数的语法格式
        // function 构造函数名(){
        //     this.属性=值;
        //     this.方法=function(){}
        // }
        // new 构造函数名();
        function Star (uname,age,sex){
            this.name=uname;
            this.age=age;
            this.sex=sex;
        }
        var ldh=new Star('刘德华',18,'男');//调用函数返回的是一个对象
        console.log(typeof ldh);
        console.log(ldh.name);
        console.log(ldh['sex']);
        //1.构造函数名字首字母要大写
        //2.我们构造函数不需要return就可以返回结果
    </script>
</head>
<body>
    
</body>
</html>