首页 > 其他分享 >JS组合继承

JS组合继承

时间:2023-05-18 22:57:27浏览次数:35  
标签:name 组合 继承 price JS stu Student prototype age

组合继承

<!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>组合继承</title>
  </head>
  <body>
    <script>
      function Person(name, age) {
        this.name = name;
        this.age = age;
      }

      Person.prototype.setName = function (name) {
        console.log(this.name);
        this.name = name;
      };

      function Student(name, age, price) {
        Person.call(this, name, age);
        this.price = price;
      }

      Student.prototype = new Person(); //为了看到父类型的方法
      Student.prototype.constructor = Student; //修正constructor属性
      Student.prototype.setPrice = function (price) {
        this.price = price;
      };

      var stu = new Student("张三", 18, 100);
      stu.setName("李四");
      stu.setPrice(200);
      console.log(stu.name, stu.age, stu.price);
      console.dir(stu);
    </script>
  </body>
</html>

 

标签:name,组合,继承,price,JS,stu,Student,prototype,age
From: https://www.cnblogs.com/malong1992/p/17413531.html

相关文章

  • JS案例(数值动态变化)
    一、前言今天给大家带来一个非常好玩的js小demo,实现数值的动态变化!这个效果之前在清华大学的官网上见到过(现在他们把这个效果给取消了),之前觉得这个效果挺好玩的,这些天在复习js的时候,无意间见到了这效果,于是写了一个,想分享给大家。效果如下:那么它是怎么做出来的呢? 看代码二、HTM......
  • #yyds干货盘点#灵活的 Node.js 多功能爬虫库 —— x-crawl
    x-crawlx-crawl是一个灵活的Node.js多功能爬虫库。灵活的使用方式和众多的功能可以帮助您快速、安全、稳定地爬取页面、接口以及文件。如果你也喜欢x-crawl,可以给 x-crawl存储库 点个star支持一下,感谢大家的支持!GitHub:https://github.com/coder-hxl/x-crawl特征异步同步......
  • js中数组方法,超详细的哦
    一、改变原数组的方法1.push()末尾添加数据语法: 数组名.push( 数据)作用: 就是往数组末尾添加数据返回值:  就是这个数组的长度vararr=[10,20,30,40]res=arr.push(20)console.log(arr);//[10,20,30,40,20]console.log(res);//52.pop()末尾出删除数据语......
  • 用一个小故事来揭秘js加密的神秘面纱
    在夜幕降临的时刻,当人们聚集在一起分享民间鬼故事的时候,总有一种神秘的氛围弥漫在空气中。而今天,我将与你分享一个不同寻常的民间鬼故事,这个故事中隐藏着一段神秘的JS加密代码,让我们一起揭开它背后的魔法!这个鬼故事发生在一个古老的村庄,传说中有一个被诅咒的房子,据说住在那里的人会......
  • 使用sockjs-client 和 @stomp/stompjs 创建socket,断线重连机制
    importSockClientfrom'sockjs-client'constStomp=require('@stomp/stompjs')//方法createStompClient(){constthat=thisconstws=newSockClient(`/socket/api/socket-mq?access_token=${getToken()}`)this.stom......
  • 泛微CheckServer.jsp注入
    /mobile/plugin/CheckServer.jsp通过urldecode可以绕过泛微waf......
  • nodeJs 常用库之 cross-env
    楔子为什么会注意到这个库呢?起因是因为,在公司的项目package.json看到启动或者编译的命令是这样写的"start":"cross-envNODE_ENV=developmentSERVICE_NAME=testServerneststart","start:dev":"cross-envNODE_ENV=developmentSERVICE_NAME=testServerneststart--......
  • 利用python解析log日志,json文件,配置文件。
    对于喜欢偷懒的我来说,重复同样的工作是很令人头疼的事情,总想找到一条捷径,最好是一劳永逸。本次跟大家分享的是对log日志,json文件以及配置文件的解析,读取。首先是log日志的读写:读取数据:f=open("spring05注意事项.txt",mode='r',encoding='utf-8')line=f.readline()whileline......
  • js下载pdf文件
    //点击下载文件参数href:下载地址,参数filename:文件名(可自定义文件名)```downloadFile(href,fileName){//获取heads中的filename文件名leta=document.createElement("a");a.style.display="none";//给a标签创建下载的链接a.href=href;//下载后文件名a.downloa......
  • JSON
    我们为什么使用JSON代替XML来用于与服务端交换数据?JSON与XML的相同之处:JSON和XML数据都是"自我描述",都易于理解。JSON和XML数据都是有层次的结构JSON和XML数据可以被大多数编程语言使用JSON与XML的不同之处:JSON不需要结束标签JSON更加简短JSON读写......