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实现的分页函数
Dec 22 Javascript
newxtree.js代码
Mar 13 Javascript
jMessageBox 基于jQuery的窗口插件
Dec 09 Javascript
基于编写jQuery的无缝滚动插件
Aug 02 Javascript
jQuery on方法传递参数示例
Dec 09 Javascript
Angular ng-repeat 对象和数组遍历实例
Sep 14 Javascript
从零开始做一个pagination分页组件
Mar 15 Javascript
vue项目移动端实现ip输入框问题
Mar 19 Javascript
使用Promise封装小程序wx.request的实现方法
Nov 13 Javascript
JS实现滑动导航效果
Jan 14 Javascript
基于Vue+Webpack拆分路由文件实现管理
Nov 16 Javascript
vue+element实现动态加载表单
Dec 13 Vue.js
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
用文本作数据处理
2006/10/09 PHP
ThinkPHP实现跨模块调用操作方法概述
2014/06/20 PHP
PHP使用CURL实现多线程抓取网页
2015/04/30 PHP
php实现的验证码文件类实例
2015/06/18 PHP
深入剖析浏览器退出之后php还会继续执行么
2016/05/17 PHP
一些常用的JS功能函数代码
2009/06/23 Javascript
javascript 简练的几个函数
2009/08/29 Javascript
javascript 主动派发事件总结
2011/08/09 Javascript
jquery中dom操作和事件的实例学习-表单验证
2011/11/30 Javascript
jQuery实现的支持IE的html滑动条
2015/03/16 Javascript
Javascript中常用的检测方法小结
2016/10/08 Javascript
原生js实现焦点轮播图效果
2017/01/12 Javascript
js获取浏览器的各种属性
2017/04/27 Javascript
vue中计算属性(computed)、methods和watched之间的区别
2017/07/27 Javascript
详解webpack-dev-server使用http-proxy解决跨域问题
2018/01/13 Javascript
element ui 表格动态列显示空白bug 修复方法
2018/09/04 Javascript
JavaScript中的全局属性与方法深入解析
2020/06/14 Javascript
vue项目中使用rem,在入口文件添加内容操作
2020/11/11 Javascript
[03:18]DOTA2亚洲邀请赛小组赛第一日 RECAP赛事回顾
2015/01/30 DOTA
python清除指定目录内所有文件中script的方法
2015/06/30 Python
解读python logging模块的使用方法
2018/04/17 Python
tensorflow1.0学习之模型的保存与恢复(Saver)
2018/04/23 Python
python 自动轨迹绘制的实例代码
2019/07/05 Python
Python学习笔记之Zip和Enumerate用法实例分析
2019/08/14 Python
Python 生成一个从0到n个数字的列表4种方法小结
2019/11/28 Python
pandas的resample重采样的使用
2020/04/24 Python
CSS3过渡transition效果实例介绍
2016/05/03 HTML / CSS
福克斯租车:Fox Rent A Car
2017/04/13 全球购物
智能电子秤、手表和健康监测仪:Withings(之前为诺基亚健康)
2018/10/30 全球购物
建筑施工员岗位职责
2013/11/26 职场文书
在校大学生个人的自我评价
2014/02/13 职场文书
小学生运动会通讯稿
2014/09/23 职场文书
先进个人主要事迹怎么写
2015/11/04 职场文书
详解Python魔法方法之描述符类
2021/05/26 Python
疑《守望先锋2》A测截图泄露 或将推出新模式、新界面
2022/04/03 其他游戏
CSS 实现角标效果的完整代码
2022/06/28 HTML / CSS