想加深一下自己对construtcor prototype的印象所以写了这一篇文章
对象的constructor 就是Object 除了通过构造函数创建的对象意外 他的constructor 都是 
都是Object的实例
而通过构造函数创建的对象 他的constructor是指向这个构造函数的
function Person() {
this.name = 'dzxczx';
this.sex = '男';
}
var obj = new Person();
console.log(obj.constructor);
prototype 是原形 是一个对象 是函数一创建就有的东西 对象没有这个东西undefined
var obj = {
name : 'dzxczx'
}
console.log(obj.prototype);
函数一创建就存在prototype属性
function func1() {
console.log(func1.prototype,typeof func1.prototype)
}
func1();
这个原形对象里面什么都没有 但是是存在的 这个原形里又有一个constructor属性这个属性指向当前函数
怎么给他添加属性方法呢 跟给对象添加是一样的
function func1() {
}
func1.prototype.a = 10;
func1.prototype = {
b : 40
}
var obj = new func1();
console.log(obj.a);
console.log(obj.b);
都是可以的 注意func1.prototype.a要写在字面量的后面 不然是undefined
function func1() {
}
func1.prototype = {
b : 40,
//constructor:'func1',
}
func1.prototype.a = 10;
var obj = new func1();
console.log(obj.a);
console.log(obj.b);
使用了 字面量的方式来写 会重写 constructor 重写之后不会指向 当前函数
function func1() {
}
func1.prototype = {
b : 40,
//constructor:'func1',
alF:function() {console.log(func1.prototype.constructor)}
}
func1.prototype.a = 10;
var obj = new func1();
console.log(obj.a);
console.log(obj.b);
obj.alF();
我们可以自己再把他写回来 上面代码有
prototype 里面的属性和方法是共享的
function func1() {}
func1.prototype.a = 10;
var obj1 = new func1();
var obj2 = new func1();
console.log('obj1:'+obj1.a);
console.log('obj2:'+obj2.a);
如果对象实例中和原型中存在的属性或方法重名了 原形中的会被屏蔽 会使用实例中的
function func1() {
this.a = 999;
}
func1.prototype.a = 10;
var obj1 = new func1();
console.log('obj1:'+obj1.a);
hasOwnProperty 方法是检测一个属性是存在实例中还是存在原型中 如果存在实例中会返回true 不存在返回 false
function func1() {
this.b = 999;
}
func1.prototype.a = 10;
var obj1 = new func1();
console.log(obj1.hasOwnProperty('b'));
console.log(obj1.hasOwnProperty('a'));
in操作符是只要存在就返回true不管是实例还是原形
function func1() {
this.b = 999;
}
func1.prototype.a = 10;
var obj1 = new func1();
console.log('b' in obj1);
console.log('a' in obj1);
以上是 我对这两个属性的理解 如果有错误的地方请指出来 我及时修改 以免误导大家