js 构造函数和原型、原型链

最新推荐文章于 2024-06-20 20:20:21 发布
最新推荐文章于 2024-06-20 20:20:21 发布
阅读量583 收藏
点赞数 1
分类专栏： 前端javascript vue uniapp 文章标签： javascript 原型模式 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sea9528/article/details/121699005
版权
vue 同时被 3 个专栏收录
25 篇文章 2 订阅
订阅专栏
前端javascript
16 篇文章 1 订阅
订阅专栏
uniapp
4 篇文章 0 订阅
订阅专栏

JavaScript规定，每一个构造函数都有一个prototype属性，指向另一个对象。注意这个prototype就是一个对象，这个对象的所有属性和方法，都会被构造函数所拥有 。
我们可以把那些不变的方法，直接定义在prototype对象上，这样所有对象的实例就可以共享这些方法。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
![在这里插入图片描述](https://img-blog.csdnimg.cn/e869e20422da4eefac53e3fbcee6e8b8.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAc2VhOTUyOA==,size_20,color_FFFFFF,t_70,g_se,x_16

在这里插入图片描述
在这里插入图片描述

sea9528
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript中构造函数与原型链之间的关系详解
10-17
在JavaScript中，构造函数和原型链是实现面向对象编程的核心机制。它们共同构成了JavaScript的类继承模型。让我们深入探讨这两个概念及其之间的关系。 1. 构造函数（Constructor）： - 构造函数是一种特殊类型的...
深入浅析js原型链和vue构造函数
12-10
一、什么是原型链? 简单回顾下构造函数,原型和实例的关系:  每个构造函数(constructor)都有一个原型对象(prototype),原型对象都包含一个指向构造函数的指针,而实例(instance)都包含一个指向原型对象的内部指针. ...
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
10-14
在JavaScript中，构造函数、实例、原型对象和原型链是理解面向对象编程的关键概念。首先，让我们深入探讨一下这些概念。 1. **构造函数**： 构造函数是一种特殊类型的函数，它的主要目的是初始化新创建的对象。在...
如何让 uni-app 页面中的背景图片高度和宽度自适应
sea9528的博客
07-07 9095
如何让 uni-app 页面中的背景图片高度和宽度自适应 在今天做项目的时候突然遇到一个问题，我给页面加一个背景图片，但是当页面高度超过100%时，图片会覆盖不到， 如图所示： 写的代码是这样的（错误的代码） // App.vue 页面 <style lang="scss"> page,body { overflow-y: scroll; overflow-x: hidden; background-image: url(static/login_bg2.jpg) ; backgrou
页面退出时，清空Vuex中的数据
sea9528的博客
08-17 9021
点击退出时，需要做的操作有： 1.清空sessionStorage里面的值 2.删除vuex中的值，让当前的页面刷新 3.跳转回登录页 sessionStorage.clear(); this.$router.push('/login') //想清空vuex中的数据，让页面重新加载就行了 window.location.reload() ...
Vue项目中element-ui 上传文件upload与form一起提交
sea9528的博客
11-05 7407
需求：提交表单数据和上传文件同步进行，请求一次接口。 elementui中的upload组件上传文件时能附带额外的参数，所以可以把表单数据作为上传时附带的额外参数提交给后台。 <el-dialog class="add_box" :title="title" :visible.sync="editFormVisible" width="25%" style="min-width:1100px;" @click="closeDial
ElementUI中的 el-table 怎样格式化显示1和0为男和女
sea9528的博客
09-29 5056
场景 数据库中存储的是int型的1和0。 从数据中取出来的也是1和0。 怎样将其格式化为男和女 实现 //table 表格 <el-table> <el-table-column prop="type" label="案件类型" :formatter="sfktFormate"></el-table-column> </el-table> 添加formatter属性对应的sfktFormate是一个方法 //table表格格式化 sfktForma.
在页面刷新的时候清除 sessionStorage 里面的值
sea9528的博客
09-02 4957
使用 onbeforeunload 事件 onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。 该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。 //检测浏览器刷新 window.onbeforeunload = function() //author: meizz { //清除sessionStorage值 sessionStorage.removeItem('type') } ...
Vue 三种首页加载等待动画，避免首次加载白屏时间过长
sea9528的博客
01-28 4931
先看效果 第一种 第二种 代码如下 注意：代码需要在index.html 中书写 第一种效果代码 // index.html <!DOCTYPE html> <html lang="en"> <head> <style type="text/css"> html, body, #app { height: 100%; margin: 0px; padding: 0px; }
vue3 + threejs 实现仿iView官网大波浪特效
sea9528的博客
12-15 4149
一、效果图 先上最终效果图： 具体效果可参考iview官方界面iView - 一套高质量的UI组件库 大波浪效果，使用的是three.js的官方例子，需要先安装three.js支持,具体可以看官方实例 three.js examples (threejs.org) 二、代码 1.安装threejs npm install --save three 2.代码（复制可用） components文件夹新建组件waves.vue，直接复制代码如下，可直接运行： <template> <di
Vue 中使用echarts 绘制地图
sea9528的博客
09-22 4038
图形如下 第一步，下载echarts npm install echarts --save-dev 第二步，创建echarts.js文件，按需导入echarts //echarts.js import echarts from 'echarts/lib/echarts'; //引入地图 import 'echarts/lib/chart/map'; //引入柱状图 import 'echarts/lib/chart/bar'; //引入饼图 import 'echarts/lib/chart/pie';
Vue3 使用天地图绘制车辆历史轨迹
sea9528的博客
04-21 3940
Vue3中使用天地图，自定义出车辆历史轨迹如下 1. 引入 在index.html 中引入天地图在线链接 <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt
vue 中如何less/sass 中使用深度选择器
sea9528的博客
09-01 3647
问题 当给vue组件的style样式加上scoped时， vue组件编译后，会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元素而不会污染全局，但如果引用了第三方组件： 默认只会对组件的最外层（div）加入这个 [data-v-xxxx] 属性，但第二层开始就没有效果了。 如图所示： 第一层还有 data-v-635d6c02, 但第二层的就没有了。 所以，如果你期待通过如下方式修改 input 的样式。是没有任何效果的： .choos
Vue+element-table组件将选中的数据导出为excel（导出的是当前页选中的数据）
sea9528的博客
10-28 3102
1.安装插件 npm install file-saver --save npm install xlsx --save npm install script-loader -D 如果想详细看前两个插件使用，地址如下。 https://github.com/SheetJS/sheetjs. https://github.com/eligrey/FileSaver.js. 2.在src文件夹下新建 excel文件夹，并在excel文件夹下新建 Blob.js 和 Export2Excel.js 文件..
Vue 配置本地代理解决跨域问题
sea9528的博客
12-21 2961
.一、为什么会出现跨域问题 出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。 二、什么是跨域 当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。 当出现跨域问题时浏览器会报如下错误： 三.如何解决跨域问题 在vue中使用proxy进行跨域的原理是：将域名发送给本地的服务器（启动vue项目的服务,loclahost:8080），再由本地
Vue使用百度地图绘制人员历史轨迹
sea9528的博客
04-21 2634
Vue使用百度地图绘制人员历史轨迹 使用 1.index.html 中引入百度地图在线链接 <!DOCTYPE html> <html lang="zh-CH"> <head> <meta charset="utf-8"> <!--必须要加 启用360浏览器的极速模式--> <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1" /> <meta
百度地图去除地图要素，建筑物等标记
sea9528的博客
12-23 2542
使用到的方法map.setMapStyle()。 设置地图样式，样式包括地图底图颜色和地图要素是否展示两部分 // 在百度地图容器中创建地图实例 let map = new BMap.Map("container"); // 设定地图的中心点和坐标 let point = new BMap.Point(this.centerLng, this.centerLat); // 设置中心点坐标和地图级别 this.map.centerAndZoom(
Vue项目 播放m3u8格式视频
sea9528的博客
10-14 2183
1.安装依赖 npm install --save video.js; npm install --save videojs-contrib-hls; 2.在main.js引入全局样式和js文件，或者在需要使用的单页面按需引入 import 'video.js/dist/video-js.css' import videojs from 'video.js'; import 'videojs-contrib-hls' 3.页面里面使用 注意：一定要加 class=“video-js vjs-defau
Day43
最新发布
m0_67496588的博客
06-20 955
JSON，Ajax
构造函数的原型和原型链
03-28
构造函数的原型是一个对象，它包含了构造函数的所有公共属性和方法。每个实例对象都可以访问这个原型...构造函数的原型和原型链是 JavaScript 面向对象编程中非常重要的概念，它们可以帮助我们实现代码的复用和继承。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sea9528

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值