创建类 继承类 super关键字 insertAdjacentHTML函数

最新推荐文章于 2022-05-30 23:16:00 发布
最新推荐文章于 2022-05-30 23:16:00 发布
阅读量121 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/procul/article/details/105446722
版权

创建类

class 类名{ construtor(参数){}}   

类名首字母要大写     constructor(形参){}

调用类名时创建对象必须实例化类 new 类名()

 

继承类

class 儿子类 extends 父类

//实例化中 子类输出一个方法 先看子类有没有这个方法，有就执行，没有就去找父亲  就近原则

super 调用父类的构造函数和方法 也可以调用父类的普通函数

 

 

注意的地方

ES6没有变量提升，必须先定义类，再实例化对象

类里面共有的属性和方法调用一定要加this

construtor里面的this指向实例对象 方法里面的this指向这个方法的调用者

 

 

insertAdjacentHTML (要追加到的位置，追加的字符串)   可以将字符串格式 追加到父元素

procul
关注
专栏目录
JavaScript从入门到放弃 - ES6中的对象和类
←か淡定☆ ヾ 的博客
07-15 160
面向过程与面向对象1. 面向过程与面向对象2.ES6 中的对象与类2.1 对象2.2 类2.2.1 创建类2.2.1.1 语法2.2.1.2 实例2.2.2 类创建添加属性和方法2.2.3 类的继承2.2.3.1 语法2.2.3.2 实例2.2.3.3 注意事项 1. 面向过程与面向对象 面向过程：就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用； 面向对象：是把事务分解成为一个个对象，然后由对象之间分工与合作。 面向对象的思维特点： 抽取（抽象）对象的
ES6 Let声明变量 const声明常量 解构赋值 数组扩展方法
procul的博客
04-17 1043
Let 关键字 声明变量 let 声明的变量只在所处的块级有效 生命周期为一个{} 特点： 1.防止循环变量变为全局变量 2.不存在变量提升 （先使用后声明不可以） 3.生命周期为一个{} 块级作用域 const 关键字 声明常量 const 声明的变量只在所处的块级有效 生命周期为一个{} //如果存储的值不需要修改，使用const关键字最好 特点: 1.块级作...
父类是在子类创建对象时候 在子类中创建一个super内存空间
weixin_30493321的博客
11-07 166
父类是在子类创建对象时候 在子类中创建一个super内存空间 转载于:https://www.cnblogs.com/classmethond/p/9920367.html
构造函数、创建类和生成实例，添加公用方法，类继承extends、super关键字
qq_40237725的博客
08-23 193
**创建class实例， ** class Star { // 类的公用属性放到constructor函数里面 constructor(name,a,b){ this.name = name this.a = a this.b = b this.num = a+b } age(){ c...
Javascript知识总结--ES6 类对象，闭包
Harryの心阁
03-09 304
文章目录ES6 类类的继承super关键字ES6类和对象要注意的问题面向对象案例构造函数的缺点constructor 构造函数原型链this指向扩展内置对象call()借用构造函数继承父类属性借用构造函数继承父类方法ES5新增方法字符串方法对象方法函数的定义方法函数的调用方式改变函数内部的this的指向严格模式高阶函数闭包（Closure）案例获取元素索引号，打印元素的内容类似案例打车价格闭包思考重点 来源博客：【Harryの心阁】 ES6 类 创建类 class Star { constructor
insertAdjacentHTML（）真香 （教程）
热门推荐
MOAN.小M.的博客
03-23 1万+
一、insertAdjacentHTML()简介 insertAdjacentHTML() 方法是将文本解析为 element 元素，并将结果节点插入到DOM树中的指定位置。它不会重新解析它正在使用的元素，因此它不会破坏元素内的现有元素。这避免了额外的序列化步骤，使其比直接使用innerHTML操作更快。 上面是MDN给到的解释 由于我对这个方法爱不释手，所以我大胆的 Think： insertAdjacentHTML() 是Element的API中的一个方法，可以将字符串文本转化为你想要的节点（.
类的继承与super 关键字
酷爱前端的小陈博客
04-06 872
1 继承 现实中的继承：子承父业，比如我们都继承了父亲的姓。 程序中的继承：子类可以继承父类的一些属性和方法。 语法： class Father{ // 父类 } class Son extends Father { // 子类继承父类 } 实例： class Father { constructor(surname) { this.surname= surname; } say() { cons.
JavaScript | 面向对象 + ES6 中的类和对象 + 类的继承extends + super关键字
不爱吃菜的菜菜的博客
05-30 330
目录 面向对象编程介绍 面向过程编程 POP(Process-oriented programming) 面向对象编程 OOP (Object Oriented Programming) ES6 中的类和对象 类 class 创建类 类添加方法 类的继承 继承 extends super 关键字 面向对象版 tab 栏切换 切换功能 添加功能 删除功能 编辑功能 完整JS源码！！常看 面向对象编程介绍 面向过程编程 POP(Process-oriented pro..
JavaScript 高级一 面向对象和类；类 class的创建、congstructor默认构造函数、关键字super、继承extends、三个注意点； Tab栏案例
m0_55170432的博客
03-24 143
1.0面向对象编程介绍 1.1 两大编程思想 面向过程 面向对象 1.2 面向过程编程 POP(Process-oriented programming) 面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了 面向过程，就是按照我们分析好了的步骤，按照步骤解决问题 1.3 面向对象编程 OOP (Object Oriented Programming) 面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。 面向对象是以对象功能来划分问题，
JS高级之ES6的类、ES5的构造函数和原型、继承
weixin_40581714的博客
09-16 308
JavaScript高级01 1.面向过程与面向对象 1.1面向过程 面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。 1.2面向对象 面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。 1.3面向过程与面向对象对比 面向过程 面向对象 优点 性能比面向对象高，适合跟硬件联系很紧密的东西，例如单片机就采用的面向过程编程。 易维护、易复用、易扩展，由于面向对象有封装、继承、多态性的特性，可以设计出低耦合的系
前端学习笔记：JavaScript类和对象
ycsss的博客
11-24 687
黑马Pink老师的javaScript进阶面向对象ES6教程： https://www.bilibili.com/video/BV1Kt411w7MP?p=1 本文在原教程的基础上对目录结构进行了排序和裁剪。针对视频中的讲解、案例、PPT和源码材料作了一些总结，仅用于个人复习以及学习交流分享。 目录1. 面向对象编程1.1 两大编程思想1.2 面向过程编程 POP(Process oriented programming)1.3 面向对象编程 OOP(Object Oriented Programming)
RESTful API 接口规范 XML对象
procul的博客
06-26 934
GET：获取数据 POST：添加数据 PUT：更新数据 DELETE：删除数据
Vue电商实例总结
procul的博客
08-06 760
获取组件的实例对象 在表单 添加 ref属性 通过resetFields()方法重置表单 通过validate()方法让表单进行验证 并接收一个回调函数，返回验证结果 登录提示弹窗 需要挂载 通过 success()error()进行错误或正确的弹窗，()中携带提示信息 登陆成功后将token信息保存到客户端的sessionStorage中 window.sessionStorage.setItem("token",res.data.token) 对于用户没有登录 直接通过U...
JQuery 获取修改元素固有属性 获取修改元素自定义属性 设置元素内容 元素操作 尺寸和位置操作
procul的博客
04-08 745
获取元素固有属性 prop('属性') 设置或修改元素固有属性 prop('属性','属性值') 获取自定义属性 attr('属性') 设置或修改自定义属性 attr('属性','属性值') 数据缓存 data() 返回元素内容 html( ) //包括标签 设置元素内容 html("要修改的值") 返回元素文本内容 text() //...
3D转换 透视 X轴旋转 Y轴旋转 3D呈现
procul的博客
03-10 721
translate3d语法 transform:translate3d(x,y,z) z 正值 表示向眼前走的距离 不设置的参数为0 不可省略 透视 perspective(px) 透视写在被观察元素的父盒子上 z轴越大(正值)，我们看到的物体就越大 旋转 rotate 左手准则 左手指向X轴正方向，手指弯曲的方向就是正值所旋转的方向 ...
动画运动曲线
procul的博客
03-01 639
Vue前后端交互
procul的博客
07-20 572
Promise 基本用法 实例化 Promise对象，构造函数中出传递函数，该函数用于处理异步任务 resolve和reject两个参数用于处理成功和失败两种情况，并通过p.then获取处理结果 处理原生Ajax 封装函数 里面继续判断 返回值，外面调用再then 发送多次ajax请求 .then参数中的函数返回值 1.返回promise实例对象 //返回该实例对象会调下一个then 2.返回普通值 //返回的普通值会直接传递给下一个then,通过then参数...
$.ajax()方法使用 Ajax全局事件 进度条插件NProgress
procul的博客
06-26 530
$.ajax{{ }} 方法 基于jquery 参数： url:' ' 指定请求地址 datatype:' ' 指定请求是ajax请求还是 jsonp请求 jsonp:' ' 指定callback参数名称 jsonCallback:'' 指定函数名称 success:function (response){} ...
2D旋转之移动 旋转 旋转中心点 缩放 综合写法
procul的博客
02-29 528
移动 translate 语法： transform:translate(x,y) transform:translateX(x) transform:translateY(y) 重点： 1.不会影响其他元素的位置 2.可配合定位使用 进行垂直水平居中 3.行内标签没有效果 旋转 rotate 语法： transform:rotate(度数deg) 重点...
insertadjacenthtml
最新发布
03-17
insertAdjacentHTML 是 JavaScript 中的一个方法，用于在 HTML 元素的指定位置插入 HTML 字符串。... 使用示例： ...在这个例子中，我们使用 insertAdjacentHTML 在 example div 的开头插入了一个新的段落。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值