js 继承的方式
//定义object的继承方法
Object.extend = function(destination, source) {
for(property in source) {
destination[property] = source[property];
}
return destination;
}
Object.prototype.extend = function(object) {
return Object.extend.apply(this, [this, object]);
}
//声明动物类
function Animail(name, age) {
this.name = name;
this.age = age;
this.say = function() {
console.log("我是:" + this.name + "--年龄:" + this.age);
}
}
const dog = new Animail("小狗", 12);
dog.say(); function Car(name, age) {
//使用call实现继承Animail类
// Animail.call(this, name, age);
//使用apply实现继承Animail类
/*Animail.apply(this, arguments);
this.run = function() {
console.log("车跑...")
}*/
this.name = name;
this.age = age;
}
//使用object实现继承animail类
Car.prototype = (new Animail).extend({
//重写say方法
say: function() {
console.log("我是车-名称:" + this.name + "age:" + this.age);
},
//添加 跑方法
run: function() {
console.log("车running...");
}
});
const caChe = new Car("卡车", 2);
caChe.say();
caChe.run(); const qiChe = new Car("汽车", 15);
qiChe.say();
qiChe.run();
es6 继承的实现
//定义animail类
class Animail {
//构造函数
constructor() {}; //属性的封装
setName(name) {
this.name = name;
};
getName() {
return this.name;
};
setAge(age) {
if(age > 100 || age < 1) {
this.age = 1;
} else {
this.age = age;
}
};
getAge() {
return this.age;
}
//定义say的方法
say() {
console.log("我是:" + this.name + "--age:" + this.age);
};
//静态方法
static sayHello() {
console.log("我是静态方法!");
}
}
//实例化dog
const dog = new Animail();
//设置name属性
dog.setName("小狗");
//设置年龄属性
dog.setAge(1000);
//d调用say方法
dog.say();
//获取属性的值
console.log(dog.getName());
//调用静态方法(静态方法不能被实例化对象调用)
Animail.sayHello(); //继承
class People extends Animail {
sayHello() {
console.log("大家好,我是:" + this.name + ",今年:" + this.age + "岁了!,我现在上" + this.grade + ",在" + this.className);
};
//年级名称
setClassName(className) {
this.className = className;
};
getClassName() {
return this.className;
};
setGrade(gradeName) {
this.grade = gradeName;
};
getGrade() {
return this.grade;
}
}
const xm = new People();
xm.setName("小明");
xm.setAge(10);
xm.setClassName("二班");
xm.setGrade("三年级");
xm.say();
xm.sayHello();
js 继承的方式的更多相关文章
- js继承的方式及其优缺点
js继承方法 前因:ECMAScript不支持接口继承,只支持实现继承 一.原型链 概念:每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针,让 ...
- js继承的方式
深入理解继承的实现方式不仅仅有利于自己去造轮子,封装插件,更有利于我们去阅读一些框架的源码, 以下记录几种常见的继承方式 1. 原型链实现继承 function Father(){ this.name ...
- JS继承 实现方式
JS中继承方式的实现有多种方法,下面是比较推荐的方法,其它继承方式可做了解: function object(o) { function F() {} F.prototype = o; return ...
- js面向对象编程(第2版)——js继承多种方式
附带书籍地址: js面向对象编程(第2版)
- JS继承的原理、方式和应用
概要: 一.继承的原理 二.继承的几种方式 三.继承的应用场景 什么是继承? 继承:子类可以使用父类的所有功能,并且对这些功能进行扩展.继承的过程,就是从一般到特殊的过程.要了解JS继承必须首先要了解 ...
- JS类继承常用方式发展史
JS类继承常用方式发展史 涉及知识点 构造函数方式继承 1-继承单个对象 1.1 多步走初始版 1.2 多步走优化版 1.3 Object.create()方式 2-继承多个对象 2.1 遍历 Obj ...
- JS继承以及继承的几种实现方式总结
传统面向对象语言:继承是类与类之间的关系. 而在js中由于es6之前没有类的概念,所以继承是对象与对象之间的关系. 在js中,继承就是指使一个对象有权去访问另一个对象的能力. 比如:比如对象a能够访问 ...
- js 继承的几种方式
JS继承的实现方式: 既然要实现继承,那么首先我们得有一个父类,代码如下: function Animal(name) { // 属性 this.name = name || '小白'; // 实例方 ...
- js对象的几种创建方式和js实现继承的方式[转]
一.js对象的创建方式 1. 使用Object构造函数来创建一个对象,下面代码创建了一个person对象,并用两种方式打印出了Name的属性值. var person = new Object(); ...
随机推荐
- SpringBoot入门 (十) 发送邮件
本文记录学习在SpringBoot中发送邮件. 一 邮件发送过程 发送邮件是一个我们在项目中经常会用到的功能,如在用户注册时发送验证码,账户激活等都会用到.完整的一个邮件发送过程主要包含以下几个步骤: ...
- css居中问题:水平居中、垂直居中
亲们支持我的新博客哦==>原文地址 ) 本篇文章所有演示代码下载==>github/calamus0427 css水平垂直居中是面试时候遇到最多的问题,我总结一下大部分解决方案 水平居中: ...
- 【Eclipse】Eclipse 安装 SVN 插件的三种方法
最近使用Eclipse时,修改代码总是看不到变化,不知道那个文件修改了,想起了当时开发C++的时候,有相关的插件,于是乎就网搜了下,果然有Eclipse的SVN配置. 接下来,我采用了第二种方式,一起 ...
- fabric Node SDK进行连接
yum install gcc-c++ npm install --unsafe-perm --registry=https://registry.npm.taobao.org chmod -R
- excel 获取提取数字
=MID(A2,MIN(FIND({0,1,2,3,4,5,6,7,8,9},A2&"0123456789")),2*LEN(A2)-LENB(A2)) 第一,如果需要提取 ...
- PostgreSQL (简称gp)小集
1. SQLyog & Navicat SQLyog可以管理 MySQL Navicat 可以管理 SQL Server,MySQL,PostgreSQL,SQLite 2. 日期及加减 no ...
- windows清除访问共享文件夹的登陆信息
https://jingyan.baidu.com/article/c843ea0b70797e77931e4a96.html 当在命令提示窗口输入net use命令时,会显示本机缓存的共享登录信息, ...
- HTML5 图片宽高自适应,居中裁剪不失真
一,使用 JS,先上效果图,右图为定死宽高的效果,左图为处理之后的 1, 主要思路是,在图片 onload 后,将图片的宽高比和 div 容器的宽高比进行比较, 2, 从而确定拉伸或者压缩之后是宽还是 ...
- 01.VMware虚拟机上网络连接(network type)的三种模式--bridged、host-only、NAT
VMWare提供了三种工作模式,它们是bridged(桥接模式).NAT(网络地址转换模式)和host-only(主机模式).要想在网络管理和维护中合理应用它们,你就应该先了解一下这三种工作模式. 1 ...
- golang redis集群操作:redis-go-cluster
背景 感觉redis-cli desktop及其难用,最近用golang做了个redis查询工具,支持单例和集群操作,终于不再卡顿!!! 用到的包 "github.com/garyburd/ ...