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 相关文章推荐
写的htc的数据表格
Jan 20 Javascript
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
Aug 28 Javascript
JavaScript实现表格排序方法
Jun 14 Javascript
JavaScript中的console.log()函数详细介绍
Dec 29 Javascript
用window.onerror捕获并上报Js错误的方法
Jan 27 Javascript
JavaScript鼠标特效大全
Sep 13 Javascript
微信小程序动态的加载数据实例代码
Apr 14 Javascript
React中常见的动画实现的几种方式
Jan 10 Javascript
vue实现word,pdf文件的导出功能
Jul 31 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
Aug 13 Javascript
原生JS实现的简单轮播图功能【适合新手】
Aug 17 Javascript
js console.log打印对象时属性缺失的解决方法
May 23 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
15种PHP Encoder的比较
2007/04/17 PHP
PHP pathinfo()获得文件的路径、名称等信息说明
2011/09/13 PHP
php数组的概述及分类与声明代码演示
2013/02/26 PHP
PHP数据过滤的方法
2013/10/30 PHP
PHP中header函数的用法及其注意事项详解
2016/06/13 PHP
如何在Laravel之外使用illuminate组件详解
2020/09/20 PHP
如何实现JS函数的重载
2006/09/22 Javascript
JavaScript Konami Code 实现代码
2009/07/29 Javascript
使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
2010/05/07 Javascript
Javascript玩转继承(三)
2014/05/08 Javascript
jQuery简单实现网页选项卡特效
2014/11/24 Javascript
在JavaScript中处理字符串之fontcolor()方法的使用
2015/06/08 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
2016/07/22 Javascript
JS两种类型的表单提交方法实例分析
2016/11/28 Javascript
JS实现的驼峰式和连字符式转换功能分析
2016/12/21 Javascript
基于hover的用法实例(推荐)
2017/07/04 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
2018/01/30 Javascript
微信小程序input框中加入小图标的实现方法
2018/06/19 Javascript
Vue CLI3中使用compass normalize的方法
2019/05/30 Javascript
Python中生成器和yield语句的用法详解
2015/04/17 Python
初步剖析C语言编程中的结构体
2016/01/16 Python
分享Python开发中要注意的十个小贴士
2016/08/30 Python
解决Python selenium get页面很慢时的问题
2019/01/30 Python
Python实现多线程下载脚本的示例代码
2020/04/03 Python
解决Keras 自定义层时遇到版本的问题
2020/06/16 Python
Python二元算术运算常用方法解析
2020/09/15 Python
Django自带用户认证系统使用方法解析
2020/11/12 Python
python 制作网站小说下载器
2021/02/20 Python
中国综合网上购物商城:苏宁易购
2016/08/09 全球购物
一份软件工程师的面试试题
2016/02/01 面试题
主治医师岗位职责
2013/12/10 职场文书
妇产医师自荐信
2014/01/29 职场文书
节水倡议书
2015/01/19 职场文书
uniapp开发小程序的经验总结
2021/04/08 Javascript
详解Spring Bean的配置方式与实例化
2022/06/10 Java/Android