对象的成员操作和原型对象的操作

1.对象的成员操作

存值操作

var obj={name:"karen"}
obj.age=20 // obj对象中没有age属性，直接添加age属性，并保存20
obj.name="jack" // obj对象中有name属性，改变属性值"karen"为"jack"

取值操作

var re = obj.age // 取出age属性的值
var re2 = obj.x // 取出x属性的值。 如果没有x属性 ，就取undefined
var re3= obj.name // 取出最后一次修改后name属性的值
console.log(re,re2,re3)

有原型对象的时候

存值操作

function fn(name){
    this.name=name
}
fn.prototype={age:30}
var obj=new fn("karen") // {name:"karen",age:20,__proto__:{age:30}}
obj.age=20 // 存值操作 如果没有该属性直接在obj中创建age属性，并保存20，如果有age属性，直接修改，但是如果原型对象中有age属性，并不会修改原型对象中的age属性

取值操作

var re = obj.age // 取obj对象中的值，如果有直接取值，如果没有，就找原型对象上有没有该属性，有就取出，没有就返回undefined
var re2 = obj.x
var re3 = obj.name
console.log(re,re2,re3)

2.原型对象的操作

function fn(){
    this.a=10
}
var f1=new fn()
console.log(f1.x,f1)

如何不添加f1.x=20，打印出f1.x的值为20？

方法1.

给fn的原型对象上添加x属性=>fn.prototype.x=20或者f1.__proto__.x=20

注意！如果用__proto__这种方法，不能写在var f1=new fn()前面

方法2.

修改原型对象的对象，fn.prototype={x:20}或者f1.__proto__={x:20},让fn的原型对象指向另一个对象

 3.原型对象的操作注意事项

Array.prototype.people=200; // 给数组原型对象添加people属性，所有的数组都有这个对象的属性（这是可行的）

Array.prototype={name:"jack"};// 不会生效

结论：系统内置的构造函数的原型对象是不能被修改的，但是可以操作这个对象的属性

4.对象操作原型

function fn(){
    this.age=20
}
fn.prototype={life:1,father:{name:"jack"}}

var f1=new fn() //{age:20,__proto__:{life:1,father:{name:"jack"}}}
console.log(f1.life,f1.name) // 打印 1 undefined

f1.age=100 // 修改了值为20变成100
f1.life=2 // 不会修改原型对象，而是直接在f1对象中添加life：2
f1.father=[10,20,30] // 同样不会修改原型对象，而是直接在f1对象中添加这个数组

想要修改原型对象的值，并且既不用prototype也不用__proto__,如何修改

 

function fn(){
    this.age=20
}
fn.prototype={life:1,father:{name:"jack"}}
var f1=new fn()
f1.father.name="karen" 
// father是原型对象的属性，但是没有修改这个属性，而是修改的这个属性内部的值就可以

var f2=new fn()
console.log(f2.father.name) // 打印"karen"