JS高级 - 面向对象5(继承,引用)
2024-10-05 21:02:22
<script type="text/javascript">
//------------------Person类
//(Person)的构造函数
function Person(name, sex) {
this.name = name;
this.sex = sex;
}
Person.prototype.showName = function() {
console.log(this.name)
};
Person.prototype.showSex = function() {
console.log(this.sex)
};
//var obj = new Person("tangsan","男");
//obj.showName();
//------------------Worker类
//(Worker)的构造函数
function Worker(name, sex, job) {
console.log(this) //this->是new出来的Woker对象
//构造函数伪装:
//调用父级(Person)的构造函数 —— 1.为了继承属性
Person.call(this, name, sex);
this.job = job;
}
//原型链:
//2.原型来继承父级原型
Worker.prototype = Person.prototype;
Worker.prototype.showjob = function() {
console.log(this.job)
}
var Workerobj = new Worker("流川枫", "女", "篮球员");
Workerobj.showjob();
</script>
继承:
父类的构造函数。
子类继承属性。
//(Worker)的构造函数
function Worker(name, sex, job) {
console.log(this) //this->是new出来的Woker对象
//构造函数伪装:
//调用父级(Person)的构造函数 —— 1.为了继承属性
Person.call(this, name, sex);
this.job = job;
}
- 继承父类的方法。
//原型链:
//2.原型来继承父级原型
Worker.prototype = Person.prototype;
子类影响父类的问题:
console.log(Person.prototype.showjob);
//输出:
//function () {
// console.log(this.job)
// }
引用:
钥匙,同一块区域的地址
记住,js里面所有的对象全是引用。
var arr1 = [1,2,3];
var arr2 = arr1;//配钥匙
arr2.push(4);
console.log(arr2);//1234
console.log(arr1);//1234
如果我不希望是一个引用,我希望我修改arr2的时候,arr1不受影响,怎么做呢?ex:
var arr1 = [1,2,3];
var arr2 = [];
for(var i in arr1){//把arr1里的东西复制一份到arr2中。
arr2[i]=arr1[i];
}
arr2.push(4);
console.log(arr2);//1234
console.log(arr1);//123
继承父类的方法的代码修改为:
//原型链:
//2.原型来继承父级原型
//Worker.prototype = Person.prototype;
for (var i in Person.prototype) {
Worker.prototype[i] = Person.prototype[i];
}
instanceof
instanceof
运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype
属性。
type of :....的类型
var arr1 = [1,2,3];
console.log(arr1 instanceof Array);//true
console.log(arr1 instanceof Object);//true 所有的类都是Object的一个子类,从object继承来的
最新文章
- C语言 &#183; 4-3水仙花数
- Android中点击事件的实现方式
- oracle优化:避免全表扫描(高水位线)
- 阿里云消息队列MQ_HTTP接入 for .NetCore 简单例子
- 【HDU 5833】Zhu and 772002(异或方程组高斯消元)
- 接入多家ERP厂商,美团点评餐饮高速路开启
- java框架篇---spring aop两种配置方式
- Kettle_设置全局变量
- nyoj 44 子串和
- 4. 在Inspector面板中显示类中变量+ 拓展编辑器
- 统一建模语言(UML) 版本 2.0
- EFI/GPT探索(为何win7分区时创建100M隐藏分区)
- day 14:深浅copy,数据结构 ,函数,set集合,变量作用域、返回值
- HTTP 协议中 GET 和 POST 方法详解
- 移动端调试神器-vConsole
- Zookeeper运维小结--CancelledKeyException
- python学习笔记-列表和字典
- fastreport报表中出现十字线
- 【Java】 剑指offer(55-1) 二叉树的深度
- Genymotion模拟器出现INSTALL_FAILED_NO_MATCHING_ABIS 的解决办法