原型和js中this的理解

 

原型和this

        function Person (name, age, sex) {
			this.name = name;
			this.age = age;
			this.sex = sex;
		}
		Person.prototype.name = "proto";
		Person.prototype.sayName = function(){
			alert(this.name);
		}
		var per = new Person("zsk", 12, "男");
		per.__proto__.sayName();
		per.sayName();
		Person.prototype.sayName();

per.__proto__.sayName()返回的内容

per.sayName()返回

per.prototype.sayName()返回

即调用per.__proto__.sayName()方法会返回原型内的name属性值,当调用per.sayName()方法时,返回的是per对象内的name属性值,因此可以看出，方法虽然都在原型中,但是不同的对象调用结果还是不同的。使用 per.sayName() 时，可以理解为，sayName方法暂时是per对象的方法，调用的时候相当于直接使用per对象调用的sayName()方法，所以返回的this.name值是per的name值。

结论：原型对象方法中的this会随调用对象的不同指向不同的对象。

如果prototype原型对象中没有name属性，运行结果如下

r

如果per对象中没有name属性时，运行结果如下，

也即寻找属性仍会按照原型链的方式向上寻找，如果没有就返回undefined。