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 相关文章推荐
用javascript控制iframe滚动的代码
Apr 10 Javascript
关于jQuery中的end()使用方法
Jul 10 Javascript
IE与Firefox在JavaScript上的7个不同句法分享
Oct 30 Javascript
JavaScript实现鼠标滑过处生成气泡的方法
May 16 Javascript
动态加载js文件简单示例
Apr 21 Javascript
JS实现title标题栏文字不间断滚动显示效果
Sep 07 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
Dec 26 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
Jan 24 Javascript
Vue学习之路之登录注册实例代码
Jul 06 Javascript
JS中通过url动态获取图片大小的方法小结(两种方法)
Oct 31 Javascript
Vue filter 过滤当前时间 实现实时更新效果
Dec 20 Javascript
使用Ajax实现无刷新上传文件
Apr 12 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中看实例学正则表达式
2006/12/25 PHP
删除数组元素实用的PHP数组函数
2008/08/18 PHP
PHP基于工厂模式实现的计算器实例
2015/07/16 PHP
php生成4位数字验证码的实现代码
2015/11/23 PHP
PHP与SQL语句常用大全
2016/12/10 PHP
php写app接口并返回json数据的实例(分享)
2017/05/20 PHP
js导出格式化的excel 实例方法
2013/07/17 Javascript
Checbox的操作含已选、未选及判断代码
2013/11/07 Javascript
node.js中使用socket.io制作命名空间
2014/12/15 Javascript
理解javascript中Map代替循环
2016/02/26 Javascript
JavaScript实现移动端滑动选择日期功能
2016/06/21 Javascript
JavaScript 详解预编译原理
2017/01/22 Javascript
JS正则表达式验证密码格式的集中情况总结
2017/02/23 Javascript
微信小程序实现两个页面传值的方法分析
2018/12/11 Javascript
微信小程序开发实现消息推送
2020/11/18 Javascript
一些可能会用到的Node.js面试题
2019/06/15 Javascript
深入了解Vue动态组件和异步组件
2021/01/26 Vue.js
[16:04]DOTA2海涛带你玩炸弹 9月5日更新内容详解
2014/09/05 DOTA
python 获取et和excel的版本号
2009/04/09 Python
python实现探测socket和web服务示例
2014/03/28 Python
使用Python脚本在Linux下实现部分Bash Shell的教程
2015/04/17 Python
总结网络IO模型与select模型的Python实例讲解
2016/06/27 Python
Python实现的概率分布运算操作示例
2017/08/14 Python
python实现百万答题自动百度搜索答案
2018/01/16 Python
Python3几个常见问题的处理方法
2019/02/26 Python
Python3中编码与解码之Unicode与bytes的讲解
2019/02/28 Python
记一次pyinstaller打包pygame项目为exe的过程(带图片)
2020/03/02 Python
基于python实现监听Rabbitmq系统日志代码示例
2020/11/28 Python
Python结合百度语音识别实现实时翻译软件的实现
2021/01/18 Python
应届生学校辅导员求职信
2013/11/07 职场文书
2014年社区植树节活动方案
2014/02/28 职场文书
纪检干部现实表现材料
2014/08/21 职场文书
文体活动总结
2015/02/04 职场文书
2015年部门工作总结范文
2015/03/31 职场文书
2015年度电厂个人工作总结
2015/05/13 职场文书
Golang实现可重入锁的示例代码
2022/05/25 Golang