javascript面向?qū)ο笾畡?chuàng)建對(duì)象

bingchen 發(fā)布于2019-08-20 18:32 / 3371人閱讀

摘要：表示能否修改屬性的值。對(duì)于直接在對(duì)象上定義的屬性，這個(gè)特性的默認(rèn)值為。默認(rèn)值為設(shè)置一個(gè)屬性的值會(huì)導(dǎo)致其他屬性的變化如果的有值，就不要對(duì)再設(shè)置屬性所在的對(duì)象要讀取其描述符的屬性名稱

對(duì)象定義

對(duì)象定義：無(wú)序?qū)傩缘募希鋵傩钥梢园局?、?duì)象或函數(shù)
對(duì)象就是鍵值對(duì) 其中值可以是數(shù)據(jù)和函數(shù)
對(duì)象方法就是對(duì)象的屬性不過(guò)這個(gè)屬性是函數(shù)

var p = new Object()

p.name = "nike"
p.age = "10"
p.job = "joker"

p.sayName = function() {
  console.log(this.name)
}
console.log(p.age)//10
p.sayName()       //nike

var p = {
  name: "nike",
  age: "10",
  job: "joker",
  sayName: function(){
    console.log(this.name)
  }
}

console.log(p.job)//joker
p.sayName()       //nike

屬性類型 數(shù)據(jù)屬性

Configurable：表示能否通過(guò) delete 刪除屬性從而重新定義屬性，能否修改屬性的特
性，或者能否把屬性修改為訪問(wèn)器屬性。像前面例子中那樣直接在對(duì)象上定義的屬性，它們的這個(gè)特性默認(rèn)值為 true。
Enumerable：表示能否通過(guò) for-in 循環(huán)返回屬性。像前面例子中那樣直接在對(duì)象上定
義的屬性，它們的這個(gè)特性默認(rèn)值為 true。
Writable：表示能否修改屬性的值。像前面例子中那樣直接在對(duì)象上定義的屬性，它們的
這個(gè)特性默認(rèn)值為 true。
Value：包含這個(gè)屬性的數(shù)據(jù)值。讀取屬性值的時(shí)候，從這個(gè)位置讀；寫入屬性值的時(shí)候，把新值保存在這個(gè)位置。這個(gè)特性的默認(rèn)值為 undefined。
修改這 3 個(gè)值需要用 es5 的Object.defineProperty()方法

這個(gè)方法接收 3 個(gè)參數(shù)：屬性所在的對(duì)象、屬性的名字、描述符對(duì)象

描述符對(duì)象的屬性必須是：configurable enumerable writeble value

var person = {}
Object.defineProperty(person, "name", {
  writable: true,
  value: "nike" 
})
console.log(person.name)//nike
person.name = "gray"
console.log(person.name)//gray

var person = {}
Object.defineProperty(person, "name", {
  configurable: true,
  value: "nike"
})
console.log(person.name)//nike
delete person.name
console.log(person.name)//undefined

訪問(wèn)器屬性

Configurable：表示能否通過(guò) delete 刪除屬性從而重新定義屬性，能否修改屬性的特性，或者能否把屬性修改為數(shù)據(jù)屬性。對(duì)于直接在對(duì)象上定義的屬性，這個(gè)特性的默認(rèn)值為true
Enumerable：表示能否通過(guò) for-in 循環(huán)返回屬性。對(duì)于直接在對(duì)象上定義的屬性，這個(gè)特性的默認(rèn)值為 true。
Get：在讀取屬性時(shí)調(diào)用的函數(shù)。默認(rèn)值為 undefined。
Set：在寫入屬性時(shí)調(diào)用的函數(shù)。默認(rèn)值為 undefined

var person = {
  oldname: "jac",
  age: "10"
}

Object.defineProperty(person, "newname", {
  get: function(){
    return this.oldname
  },
  set: function(value){
    this.oldname = value
  }
})

person.newname = "bool"
console.log(person.oldname)//bool

//設(shè)置一個(gè)屬性的值會(huì)導(dǎo)致其他屬性的變化

var person = {
  name: "handsome"
}

Object.defineProperties(person, {
  boy: {
    get: function () {
      return this.name + " hua"
    },
    set: function (value) {
      return this.name = value
    }
  },
  man: {
    get: function () {
      return this.name
    },
    set: function (value) {
      return this.name = value
    }
  },
  year: {
    value: 20
  }
})

console.log(person.boy)//handsome hua
console.log(person.man)//handsome
//如果person的name有值，就不要對(duì)name再設(shè)置 get set
var descriptor = Object.getOwnPropertyDescriptor(person, "year")
//屬性所在的對(duì)象、要讀取其描述符的屬性名稱
console.log(descriptor.value)//20