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字符串知识点

原文地址:https://www.cnblogs.com/xiaohuasan/p/5526549.html