javascript 高级语法之继承的基本使用方法示例


Posted in Javascript onNovember 11, 2019

本文实例讲述了javascript 高级语法之继承的基本使用方法。分享给大家供大家参考,具体如下:

高级语法的基本使用

<script type="text/javascript">
  //声明一个函数demo
  function Demo()
  {
  }
  //实例函数demo
  var demo = new Demo();
  //声明一个函数Demo1
  function Demo1(name,age)
  {
    this.name = name;
    this.age = age;
  }
  //实例一个函数Demo1
  var demo1 = new Demo1('谭勇',21);
  //运行下面试试
  console.log(demo1.name);
  console.log(demo1.age);
  //Demo2
  function Demo2(name,age)
  {
    var that = this;
    this.name = name;
    this.age = age;
    function a()
    {
      return that.name;
    }
    function b()
    {
      return that.age;
    }
    this.getName = a;
    this.getAge = b;
  }
  //实例一个函数Demo1
  var demo2 = new Demo2('谭勇',21);
  //运行下面试试
  console.log(demo2.name);
  console.log(demo2.age);
</script>

运行结果:

javascript 高级语法之继承的基本使用方法示例

继承

<script type="text/javascript">
  function Demo(name,age)
  {
    this.name = name;
    this.age = age;
  }
  function Son()
  {
    this.text = 'test text';
  }
  Son.prototype = new Demo('谭勇',22);
  var __son = new Son();
  //试试
  console.log(__son.name);
  console.log(__son.age);
  console.log(__son.text);
  //组合继承
  function Son1()
  {
    this.text1 = 'my test son1';
  }
  Son1.prototype.Demo = new Demo('谭勇',22);
  Son1.prototype.Son1 = new Son1();
  var __son1 = new Son1();
  console.log(__son1.Demo.name);
  console.log(__son1.Demo.age);
  console.log(__son1.Son1.text);
  console.log(__son1.text1);
</script>

运行结果:

javascript 高级语法之继承的基本使用方法示例

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JS面向对象编程 for Cookie
Sep 19 Javascript
基于jquery跨浏览器显示的file上传控件
Oct 24 Javascript
扒一扒JavaScript 预解释
Jan 28 Javascript
JavaScript中清空数组的方法总结
Dec 02 Javascript
详解jQuery简单的表格应用
Dec 16 Javascript
JS闭包与延迟求值用法示例
Dec 22 Javascript
js中删除数组中的某一元素实例(无下标时)
Feb 28 Javascript
Vue封装的可编辑表格插件方法
Aug 28 Javascript
Angular刷新当前页面的实现方法
Nov 21 Javascript
vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题
Apr 14 Javascript
实例分析javascript中的异步
Jun 02 Javascript
js实现淘宝浏览商品放大镜功能
Oct 28 Javascript
JS 遍历 json 和 JQuery 遍历json操作完整示例
Nov 11 #jQuery
javascript/jquery实现点击触发事件的方法分析
Nov 11 #jQuery
jquery ajax 请求小技巧实例分析
Nov 11 #jQuery
javascript 对象 与 prototype 原型用法实例分析
Nov 11 #Javascript
javascript json对象小技巧之键名作为变量用法分析
Nov 11 #Javascript
Vue.js watch监视属性知识点总结
Nov 11 #Javascript
javascript数组的定义及操作实例
Nov 10 #Javascript
You might like
PHP获得用户使用的代理服务器ip即真实ip
2006/12/31 PHP
MySQL连接数超过限制的解决方法
2011/07/17 PHP
smarty简单分页的实现方法
2014/10/27 PHP
PHP HTTP 认证实例详解
2016/11/03 PHP
Yii2配置Nginx伪静态的方法
2017/05/05 PHP
YII2自动登录Cookie总是失效的解决方法
2017/06/28 PHP
php实现记事本案例
2020/10/20 PHP
如何从jQuery的ajax请求中删除X-Requested-With
2013/12/11 Javascript
jquery提交form表单时禁止重复提交的方法
2014/02/13 Javascript
webapp框架AngularUI的demo改造之路
2014/12/21 Javascript
NodeJS中Buffer模块详解
2015/01/07 NodeJs
javascript入门教程基础篇
2015/11/16 Javascript
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
2016/02/19 Javascript
jQuery表单验证插件解析(推荐)
2016/07/21 Javascript
AngularJS入门教程之路由与多视图详解
2016/08/19 Javascript
Angular之指令Directive用法详解
2017/03/01 Javascript
AngularJS动态添加数据并删除的实例
2018/02/27 Javascript
React router动态加载组件之适配器模式的应用详解
2018/09/12 Javascript
JS定义函数的几种常用方法小结
2019/05/23 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
2020/10/27 Javascript
微信小程序实现购物车功能
2020/11/18 Javascript
[30:37]【全国守擂赛】第三周擂主赛 Dark Knight vs. Leopard Gaming
2020/05/04 DOTA
python urllib爬取百度云连接的实例代码
2017/06/19 Python
python爬取各类文档方法归类汇总
2018/03/22 Python
Python进程池Pool应用实例分析
2019/11/27 Python
python3连接mysql获取ansible动态inventory脚本
2020/01/19 Python
python三引号如何输入
2020/07/06 Python
Python 使用SFTP和FTP实现对服务器的文件下载功能
2020/12/17 Python
挂牌仪式主持词
2014/03/20 职场文书
公证书样本
2014/04/10 职场文书
机械操作工岗位职责
2014/08/08 职场文书
警察群众路线对照检查材料思想汇报
2014/10/01 职场文书
健康状况证明模板
2014/10/23 职场文书
2014年基层党建工作总结
2014/11/11 职场文书
班主任2015新年寄语
2014/12/08 职场文书
golang import自定义包方式
2021/04/29 Golang