对象的扩展-学习笔记

function f(x, y) {
    return { x, y }
}
console.log(f(1, 2))

const o = {
    methods() {
        return "hello"
    }
}

const o = {
    method: function () {
        return 'hello'
    }
}

函数的name属性
const Person = {
    sayHello() {
        console.log('hello')
    }
}
console.log(Person.sayHello.name)

console.log((new Function()).name)

var doSomething = function () {

}
console.log(doSomething.name)
console.log(doSomething.bind().name)


// 对象的每个属性都有一个描述对象（Descriptor），用来控制该属性的行为。静态方法Object.getOwnPropertyDescriptor(对象,属性名)方法可以获取该属性的描述对象。
let obj = {
    aaa: 111,
    bbb: 222,
    ccc: 333,
}
console.log(Object.keys(obj))
console.log(JSON.stringify(obj))
console.log(Object.getOwnPropertyDescriptor(obj, 'aaa'))


// super关键字
// super,指向当前对象的原型对象。只能在对象方法中使用
const proto = {
    foo: 'hellp'
}
const obj = {
    foo: 'world',
    Say() {
        console.log(this.foo, super.foo)
    }
}
Object.setPrototypeOf(obj, proto)
obj.Say()


// 扩展运算符 ...
let z = { a: 3, b: 4 }
let n = { ...z }
console.log(n)

let foo = { ...['a', 'b', 'c'] };
console.log(foo)

// Object.is()判断两个值是否相等 与 === 行为基本一致
console.log(Object.is('foo', 'foo'))
console.log(Object.is(NaN, NaN))
console.log(Object.is(+0, -0))


// Object.assign() 方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。
// Object.assign()方法的第一个参数是目标对象，后面的参数都是源对象。
const target = {
    a: 1
}
const source1 = {
    b: 2
}
const source2 = {
    c: 3
}
const source3 = {
    d: 4
}
console.log(Object.assign(target, source1, source2, source3))
console.log(target)//会改变目标对象
// 有相同属性时后面的会覆盖前面的
// Object.assign()拷贝的属性是有限制的，只拷贝源对象的自身属性（不拷贝继承属性），也不拷贝不可枚举的属性（enumerable: false）。
// 用途
//为对象添加属性
class Point {
    constructor(x, y) {
        Object.assign(this, { x, y })
    }
}
//为对象添加方法
Object.assign(SomeClass.prototype, {
    someMethod(arg1, arg2) {
    },
    anotherMethod() {
    }
});
//将多个对象合并到某个对象。
const merge =
    (target, ...sources) => Object.assign(target, ...sources);
// 如果希望合并后返回一个新对象，可以改写上面函数，对一个空对象合并。
const merge =
    (...sources) => Object.assign({}, ...sources);
// Object.assign方法总是拷贝一个属性的值，而不会拷贝它背后的赋值方法（set）或取值(get)方法。4


// Object.getOwnPropertyDescriptors()方法配合Object.defineProperties()方法，就可以实现正确拷贝get set。
const source = {
    set foo(value) {
        console.log(value)
    }
}
const target = {}
console.log(Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)))
console.log(Object.getOwnPropertyDescriptor(target, 'foo'))


// __proto__ 属性 用来设置或读取当前对象的原型对象(prototype) 但一般不要使用
// 而是使用下面的Object.setPrototypeOf()（写操作）、Object.getPrototypeOf()（读操作）、Object.create()（生成操作）代替。
// Object.setPrototypeOf() 用来设置一个对象的原型对象（prototype），返回参数对象本身
// Object.setPrototypeOf(object,prototype)
// 用法 ： const o = Object.setPrototypeOf({},null)
let proto = {}
let obj = { x: 10 }
proto.y = 10
proto.z = 100
console.log(Object.setPrototypeOf(obj, proto))
// 该方法与Object.setPrototypeOf方法配套，用于读取一个对象的原型对象。
console.log(Object.getPrototypeOf(obj))

// Object.create(proto) 生成操作
const proto = {
    x: 1,
    y: 10
}
var obj = Object.create(proto)
console.log(Object.getPrototypeOf(obj))