js复习五--构造函数

最新推荐文章于 2023-06-25 11:37:00 发布
最新推荐文章于 2023-06-25 11:37:00 发布
阅读量78 收藏
点赞数
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45334970/article/details/117548985
版权

为什么我们需要构造函数？

因为我们以前创建对象一次只能创建一个，里面很多的属性和犯法是大量相同的，我们只能复制
因此我们可以利用函数的方法，重复这些相同的代码，我们就把这个函数称为构造函数
又因为这个函数不一样，里面封装的不是普通代码而是对象

构造函数就是把我们对象里面一些相同的属性和方法抽象出来封装到函数
在这里插入图片描述
new关键字执行过程：
在这里插入图片描述
遍历对象
在这里插入图片描述
在这里插入图片描述

贝la
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS-复习回调构造函数对象
weixin_57218747的博客
05-12 330
JS-复习回调构造函数对象 本阶段学习内容： less:css预处理语言 jquery:js的类库 git:项目版本管理工具 bootstrap:ui库 webpack:打包工具 gulp:打包工具 http:协议 ajax:可以实现前后端的通讯 session,cookie,storage:对数据进行缓存处理的，实现前后端的通讯。安全 es6: mongodb: node: 一 回调函数 1 基础部分 将一个函数作为参数传递给另外一个函数，并得到执行，那么称该函数为回调函数。作用是解决异步行为。 f
js基础复习3-构造函数 constructor
Hiroshi's
03-18 260
下面的代码，我们可以看出，Rabbit的原型对象prototype和Rabbit实例对象r1的对象原型r1.__proto__里面都有一个constructor属性： 很多情况下，我们需要手动利用constructor这个属性指回原来的构造函数，比如我们刚才的Rabbit构造函数里面只有一个方法sing，如果我们想把多个方法放到Rabbit中，比如下面这样： 这时我们的Rabbit里面就有两个方法了，但是！ 如果我们有很多很多的方法要放在Rabbit里面，那是不是可以考虑把这些方法全都包裹在一个对象
JavaScript高级 - 5 - 构造函数和原型
来杯卡布奇诺的博客
08-31 223
JavaScript高级 - 5 - 构造函数和原型1. 构造函数和原型1.1 对象的三种创建方式--复习1.2 静态成员和实例成员1.2.1 实例成员1.2.2 静态成员1.3 构造函数的问题1.4 构造函数原型 prototype1.5 对象原型1.6 constructor 构造函数1.7 原型链1.8 构造函数实例和原型对象三角关系1.9 原型对象中this指向1.10 通过原型为数组扩展内置方法2. 继承2.1 call()2.2 使用call函数继承父构造函数中的属性2.3 借用原型对象继承父构
js基础复习1-构造函数与原型对象prototype
Hiroshi's
03-17 96
随着做前端项目越来越多，越来越发现发现js基础很重要，偶尔抽时间来复习一下js基础也是不错的。今天复习一下构造函数与原型对象prototype 解决方法：
复习JavaScript高级01-内置对象-原型对象-构造函数
vip77778888的博客
12-28 191
目录 内置对象 构造函数 原型对象 总结 内置对象 内置对象api： js作者提前写好的对象，里面有一些预先定义的方法，我们直接使用即可，无需关心原理 api : 预先定义的函数 例如: 数组的增删改查操作 新增元素到最后面 ： arr.push( 元素 ) 新增元素到最前面 ： arr.unshift() 删除最后一个元素 ： arr.pop() 删除第一个元素 ： arr.shift() 删除指定位置元素 ： arr.spli...
js的构造函数理解
热门推荐
laviniatu的博客
11-02 3万+
文章目录1、什么是构造函数2、为什么要使用构造函数？3、构造函数的执行过程4、构造函数的返回值5构造函数首字母必须大写吗？6不用new关键字，直接运行构造函数，是否会出错？如果不会出错，那么，用new和不用new调用构造函数，有什么区别？ 原型和原型链是 JavaScript 中最经典的问题之一，而构造函数又是原型和原型链的基础，所以先了解清楚构造函数以及它的执行过程可以更好地帮助我们学习原型和...
JS复习5----浅谈JS函数
qq_44625142的博客
04-06 173
JS函数 JS函数定义 a. 使用关键字function声明定义函数 b. 函数声明后不会立即执行，会在我们需要的时候自己调用 c. JS函数可以通过一个表达式定义，函数表达式可以存储在一个变量中(小心这句话了啊)： var x = function(a,b) { return a*b;} //声明一个函数并存储在变量x中 x(3,4); //调用函数 d. Function()构造函数 ...
JS复习-16-面向对象编程、构造函数
qq_36158581的博客
04-16 77
面向过程与面向对象 面向过程 => 按照顺序一步一步来 面向对象(轮播图) => 找到一个对象, 能帮我完成轮播图 => JS 本身没有, 我们需要第三方 => swiper: 生成一个完成轮播图的对象 面向对象的本质：当你需要完成一个 功能A 的时候，我们找到 JS 有没有这个完成 功能A 的对象。如果没有, 我们 制造一个 "机器"。 "机器" 是什么： + 能力: 能创造一个 有属性 有方法
js基础复习4-构造函数 实例 原型对象三者之间的关系
Hiroshi's
03-18 87
大学复习资料-Javascript.zip
最新发布
07-17
对象是键值对的集合，可以通过构造函数和对象字面量创建。原型链是通过`__proto__`或`prototype`属性形成的，用于继承和共享属性。 3. **作用域和闭包**：JavaScript有全局作用域和局部作用域，其中变量的作用域...
JS-SANDBOX:JS练习复习
03-17
- 对象创建：通过字面量表示法或构造函数创建对象。 - 原型链：理解如何通过__proto__属性和prototype属性实现对象间的继承。 - 方法调用：熟悉call、apply和bind方法，用于改变函数调用的上下文。 4. **数组...
JavaScript简餐——类构造函数
igodmeetu的博客
10-30 553
文章目录前言一、类的构造函数及其实例化二、把类当成特殊函数总结 前言 写本《JavaScript简餐》系列文章的目的是记录在阅读学习《JavaScript高级程序设计（第4版）》一书时出现的各个知识点。虽是对读书的笔记和总结，但是希望它轻量、简洁、犀利，不会引起阅读疲劳，可以在碎片化时间和闲暇之余轻巧地沐浴一下知识点。每篇文章只针对一个小部分进行讲解式的梳理，来达到个人复习总结和分享知识的目的。 一、类的构造函数及其实例化 constructor关键字用于在类定义块内部创建类的构造函数。方法名con
vscode新建工作区
贝la的博客
01-23 5413
1.现在本地磁盘建一个文件夹 例如：E盘 --yygh 2.vscode–》文件–》打开文件夹（选择刚刚新建的文件夹） 3.再次点开文件–》将工作区另存为–》出现如下界面，将文件名修改好，点击保存即可 4.至此，工作区新建完成，可以看到如下文件 ...
js--京东快递单号查询案例
贝la的博客
07-13 937
模拟京东快递单号查询案例（上） 效果图 代码：
React知识整合
贝la的博客
06-25 615
React是一个用于构建用户界面的JavaScript库，由Facebook开发。它的核心特点包括：组件化：React将用户界面分解为可重用的组件，并提供了一种简单的方法来构建和组合这些组件。虚拟DOM：React使用虚拟DOM来跟踪页面上所需的更改，然后在必要时更新实际DOM以反映这些更改。这可以减少对实际DOM的操作次数，从而提高性能。单向数据流：React中的数据流是单向的，即数据从父组件传递到子组件，子组件不能直接修改父组件的数据。这使得代码更易于维护和调试。
js经典案例分享
贝la的博客
06-10 344
案例一：仿京东显示隐藏密码 案例二：密码框验证信息
DOM 对象和jQuery对象区别
贝la的博客
07-22 324
$ 是jQuery的别称（另外的名字）,同时也是jQuery的 顶级对象 // 1. $ 是jQuery的别称（另外的名字） // $(function() { // alert(11) // }); jQuery(function() { // alert(11) // $('div').hide(); jQuery('div').hide();
js 本地存储（sessionStorage & localStorage）
贝la的博客
07-22 253
<body> <input type="text"> <button class="set">存储数据</button> <button class="get">获取数据</button> <button class="remove">删除数据</button> <button class="del">清空所有数据</button> &l..
JavaScript选择题复习：语法、循环、事件与函数
11. 日期处理：题目11提到，产生当前日期的方法是`new Date()`（C），`Date`是构造函数，`new`关键字用于创建对象。 12. 动态改变网页内容：题目12暗示，可以通过JavaScript动态修改网页内容，例如使用`innerHTML`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值