JavaScript原型理解
2016-05-25 12:18
387 查看
这东西我还不是很理解,但是把自己实践的过程记录下来,希望积累到一定程度,能自然而而然的理解了。很多东西我是这样慢慢理解的,明白为啥是那样子,真的很神奇哦。少说废话,开始吧。
可以先阅读这篇文章
从图片中我们可以看出p1.__proto__和Person.prototype中是不包括age属性的
p1.__proto__ ==Person.prototype
我再来创建Student对象
从图片中我们可以看出Student.prototype同样不包含NoId属性
现在我们来操作
先实例一个Student看看结果如何。
new Person();
显示结果与p1是一样的
//Person {age: "aaa"}
再来
此时Student还是原来的样子,没有任何变化
我再继续实验,此时实例一个Student;
发现st1.__proto__与p1.__proto__不一样。
st1.__proto__是Person实例后的值
而p1.__proto__是Person原生结构
再来看
此时st1实例已经同时拥有Student和Person属性了,即我们说的st1继承了Person.
同样我们还可以这样实验一次。这种方法应该见到的比上面那个多。
运行结果图:
有点混乱,看看大牛怎么解释——文章
函数定义理解
var myfun=function(){
}
这个是函数表达式的定义
function myfun(){
}
这个是函数声明语法定义
JavaScript字符串知识点
可以先阅读这篇文章
function Person(){ this.age="aaa"; } var p1=new Person(); p1.age;//aaa
从图片中我们可以看出p1.__proto__和Person.prototype中是不包括age属性的
p1.__proto__ ==Person.prototype
我再来创建Student对象
function Student(){ this.NoId="A110"; } Student.prototype
从图片中我们可以看出Student.prototype同样不包含NoId属性
现在我们来操作
先实例一个Student看看结果如何。
new Person();
显示结果与p1是一样的
//Person {age: "aaa"}
再来
Student.prototype=new Person(); Student;
此时Student还是原来的样子,没有任何变化
我再继续实验,此时实例一个Student;
var st1=new Student(); st1; st1.__proto__;
发现st1.__proto__与p1.__proto__不一样。
st1.__proto__是Person实例后的值
而p1.__proto__是Person原生结构
再来看
此时st1实例已经同时拥有Student和Person属性了,即我们说的st1继承了Person.
同样我们还可以这样实验一次。这种方法应该见到的比上面那个多。
function Person(){ this.age="aaa"; } function Student(){ this.NoId="A110"; Person.call(this);//student继承Person属性 } var st1=new Student(); st1; st1.age;
运行结果图:
有点混乱,看看大牛怎么解释——文章
函数定义理解
var myfun=function(){
}
这个是函数表达式的定义
function myfun(){
}
这个是函数声明语法定义
JavaScript字符串知识点
相关文章推荐
- JS操作JSON总结
- js两种定义函数、继承方式及区别
- PB 生成和解析JSON格式数据
- Javascript的变量与delete操作符
- JS获取当前使用的浏览器名字以及版本号
- 【原创翻译】生动详细解释javascript的冒泡和捕获,包懂包会
- JS 跳出iframe框架
- JavaScript 垃圾回收
- 2016年5月25日上午(妙味课堂js预热课程-3笔记)
- 纯javascript的ajax实现php异步提交表单的简单实例
- JSONP跨域访问
- 区别getElementByID,getElementsByName,getElementsByTagName(慕课网练习)
- js中处理json的方法 遍历
- json数据和bean之间的转换
- 自适应手机屏幕的一段JS代码
- js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
- js va ac7f r 定义,什么时候执行呢
- JS 下载 弹框被拦截解决方案
- JavaScript概述
- javascript中遍历EL表达式List集合中的值