javascript继承
2016-04-01 11:09
246 查看
网上有很多关于javascript的继承给出了很多种方法
我是没看懂。这里就主要就 一下Object.create() 这种方式的继承和 原型链继承说一下
原型链继承。
Son.prototype = new Father();
输出 father father 说明继承了父类的属性和原型方法。
输出都是 son son 说明,只是能调用父类原型链方法。但是this指向是当前的子类对象。所以访问属性也是子类。父类不能访问。
我是没看懂。这里就主要就 一下Object.create() 这种方式的继承和 原型链继承说一下
原型链继承。
Son.prototype = new Father();
function Parent(){ this.name="father"; this.that =this; } Parent.prototype.run = function(){ alert(this.name); } function Son(){ this.name= "son"; } Son.prototype = new Parent();
var son = new Son(); alert(son.name); son.run();
输出 father father 说明继承了父类的属性和原型方法。
function Parent(){ this.name="father"; this.that =this; } Parent.prototype.run = function(){ alert(this.name); } var son = Object.create(Parent.prototype); son.name="son"; alert(son.name); son.run();
输出都是 son son 说明,只是能调用父类原型链方法。但是this指向是当前的子类对象。所以访问属性也是子类。父类不能访问。
相关文章推荐
- js 取值
- JSP 基础知识点总结 01
- 数据解析-----Json-----XML
- JsDoc脚本注释文档生成
- js只弹窗一次
- 正确加载 Javascript 和 CSS 到 WordPress
- JavaScript中getBoundingClientRect()方法详解
- JS判断对象是不是数组“Array”
- JSON.parse()和JSON.stringify()
- Web相关:Sublime如何安装ESLint插件?
- iOS js oc相互调用(JavaScriptCore)(二)
- iOS js oc相互调用(JavaScriptCore)
- 【笔记】 《js权威指南》- 第3章 类型、值和变量 - 3.1 数字
- javascript自执行函数表达式
- js每3位逗号分隔数字
- JavaScript之DOM-8 Event对象(事件概述、事件处理、event对象)
- Javascript 类与静态类的实现-js面向对象
- js 操作cookie 添加, 获取, 删除
- ajax跨域获取数据解决方案---JSON
- 时间和日期新API(JSR310)