js继承函数封装
function extend(subClass,superClass) {
//初始化一个中间空对象,为了转换主父类关系
var F = function() {};
F.prototype = superClass.prototype;
//让子类继承F
subClass.prototype = new F();
subClass.prototype.constructor = subClass;
//为子类增加属性superClass
subClass.superClass = superClass.prototype;
//增加保险,即使原型是超类Object,那句要把构造函数级别降下来
if(superClass.prototype.constructor == Object.prototype.constructor) {
superClass.prototype.constructor = superClass;
}
} function Author(name,book) {
Author.superClass.constructor.call(this,name);
this.book = book;
this.getBook = function() {
return this.name + '--' + this.book;
}
} function Person(name) {
this.name = name;
} extend(Author,Person);
var peter = new Author('long','keke');
console.log(peter.getBook())
js继承函数封装的更多相关文章
- JS——tab函数封装
		1.为li标签添加index属性,这个属性正好就是span标签数组的index值 2.函数封装适合页面有多个tab切换,需要注意的在获取的li标签和span标签对象时,必须将对应div对象作为参数传入 ... 
- JS 抖动函数封装
		原生JS实现封装的抖动函数框架 <style> ul{ margin-top: 100px; } li { float: left; margin-left: 20px; position ... 
- js 时间函数封装
		html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT ... 
- 兼容主流浏览器的js原生函数封装
		1.获取和修改垂直滚动条的滚动距离 //获取滚动条滚动距离function getScrollTop(){ var fromTop=document.documentElement.scrollTop ... 
- js  getByClass函数封装
		function getByClass(oParent, sClass) { var aEle=oParent.getElementsByTagName('*'); var aResult=[]; v ... 
- js原生设计模式——2面向对象编程之继承—原型继承(类式继承的封装)
		<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8&qu ... 
- 前端总结·基础篇·JS(三)arguments、callee、call、apply、bind及函数封装和构造函数
		前端总结系列 前端总结·基础篇·CSS(一)布局 前端总结·基础篇·CSS(二)视觉 前端总结·基础篇·CSS(三)补充 前端总结·基础篇·JS(一)原型.原型链.构造函数和字符串(String) 前 ... 
- Js 面向对象之封装,继承,原型,原型链
		封装 ,继承 ,原型, 原型链 封装 ? 面向对象有三大特性,封装.继承和多态.对于ES5来说,没有class(类)的概念,并且由于JS的函数级作用域(函数内部的变量在函数外访问不到),所以我们就可以 ... 
- JS面向对象(封装,继承)
		在六月份找工作中,被问的最多的问题就是: js面向对象,继承,封装,原型链这些,你了解多少? 额,,,我怎么回答呢, 只能说,了解一些,不多不少,哈哈哈哈,当然,这是玩笑话. 不过之前学过java,来 ... 
随机推荐
- tr 字符转换命令
			tr:可以用来删除一段信息当中的文字,或者是进行文字信息的替换 语法:tr [parameter] set1 ...参数: -d:删除信息当中的set1这个字符 -s:替换掉重复的字符 举例: 将la ... 
- CF1539A Contest Start[题解]
			Contest Start 题目大意 有 \(n\) 个人报名参加一个比赛,从 \(0\) 时刻开始每隔 \(x\) 分钟有一个人开始比赛,每个人参赛时间相同,均为 \(t\) .定义一个选手的不满意 ... 
- 日志采集工具Flume的安装与使用方法
			安装Flume,参考厦门大学林子雨教程:http://dblab.xmu.edu.cn/blog/1102/ 并完成案例1 1.案例1:Avro source Avro可以发送一个给定的文件给Flum ... 
- 03 高性能IO模型:采用多路复用机制的“单线程”Redis
			本篇重点 三个问题: "Redis真的只有单线程吗?""为什么用单线程?""单线程为什么这么快?" "Redis真的只有单线程吗? ... 
- FreeRTOS-01-任务相关函数
			3 任务相关API函数 任务相关函数如下: 任务创建和删除API函数 任务创建和删除实验(动态方法) 任务创建和删除实验(静态方法) 任务挂起和恢复API函数 任务挂起和恢复实验 3.1 任务创建AP ... 
- P7362 [eJOI 2020 Day2] XOR Sort
			P7362 [eJOI 2020 Day2] XOR Sort 题意 给你一个长度为 \(n\) 的序列,每次操作可以将一个数异或上相邻的一个数,求将序列改为严格单调递增序列或严格单调不降序列的操作次 ... 
- python 装饰函数2
			#!/usr/bin/env python3 # -*- coding: utf-8 -*- """ Created on Tue May 5 21:40:49 2020 ... 
- C++第三十七篇 -- 调试驱动程序
			上一篇写的KMDF程序是通过串口进行配置的,那么我们在VS中Attach to process外,可以直接用Winbdg进行调试,winbdg.exe所在路径为C:\Program Files (x8 ... 
- xmind2020 zen 10.2.1win/mac/linux安装教程
			xmind是一款优秀的思维导图软件,本文教大家如何安装xmind zen 2020 10.2.1版本,解锁使用全部功能,包括去掉xmind zen水印.上传图片等功能,支持windows/mac/li ... 
- kubernetes/k8s CRI分析-容器运行时接口分析
			关联博客:kubernetes/k8s CSI分析-容器存储接口分析 概述 kubernetes的设计初衷是支持可插拔架构,从而利于扩展kubernetes的功能.在此架构思想下,kubernetes ... 
