IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript初学入门之构造函数 -> 正文阅读

[JavaScript知识库]JavaScript初学入门之构造函数

构造函数

前面两种创建对象的方式一次只能穿创建一个对象
在这里插入图片描述
构造函数里面封装的是对象
构造函数就是把对象里面一些相同的属性和方法抽象出来进行封装到函数里面

构造函数创建对象

构造函数的语法格式

    <script>
        function 构造函数名 () {
            this.属性 =;
            this.方法 = function() {}
        }
        new 构造函数名();
    </script>

构造函数名字首字母要大写
构造函数不需要return就可以返回结果

    <script>
        function Star(uname,age,sex){
            this.name = uname;
            this.age = age;
            this.sex = sex;
        }
        var k = new Star('kongla',20,'man');
        console.log(typeof k);
        console.log(k.name);
        console.log(k['sex']);

        var l = new Star('eva',20,'women')
        console.log(l.name);
    </script>

调用构造函数必须使用new
代码上new Star()调用函数就创建一个对象 k {}

    <script>
        function Star(uname,age,sex){         //构造函数
            this.name = uname;
            this.age = age;
            this.sex = sex;
            this.sing = function (song){
                console.log(song);
            }
        }
        var k = new Star('kongla',20,'man');    //对象
        console.log(typeof k);
        console.log(k.name);
        console.log(k['sex']);
        k.sing('rain');

        var l = new Star('eva',20,'women')
        console.log(l.name);
        l.sing('hope');
    </script>

属性和方法前面必须添加this

构造函数和对象区别

在这里插入图片描述
构造函数是泛指的某一大类,类似于其他语言里面的类(class)
对象 特指 是一个具体的事物

利用构造函数创建对象的过程也称为对象的实例化

new关键字执行过程

new构造函数可以在内存中创建一个空的对象
this指向刚刚创建的空对象
执行构造函数里面的代码,给这个空对象添加属性和方法
返回这个对象

遍历对象

for…in语句用于数组或者对象的属性进行循环操作

    <script>
        var obj = {
            name:'kongla',
            age:20,
            sex:'man',
            fn:function(){
            }
        }

        // for(变量 in 对象){

        // }
        
        for(k in obj){
            console.log(k);//属性名
            console.log(obj[k])//属性值
        }
    </script>

小结

在这里插入图片描述

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-08-28 08:56:16  更:2021-08-28 08:57:33 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/27 4:45:57-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计