ay isang Wika sa Programming na Nakatuon sa Bagay. Ang mga bagay ay bumubuo ng mga bloke ng gusali na itinuturing na pinakamahalagang uri ng datapara sa programa ng wika. Magbibigay ang artikulong ito ng malalim na kaalaman tungkol sa Mga Object ng JavaScript, kung paano nilikha ang mga ito at tinukoy sa sumusunod na pagkakasunud-sunod:
- Bagay ng JavaScript
- Paano Lumikha ng isang bagong Bagay?
- Ari-arian
- Paraan
- Mga accessor
- Mga Prototype
Bagay ng JavaScript
ang mga bagay ay katulad ng mga bagay sa totoong buhay na binubuo ng iba't ibang mga katangian at katangian. Ang mga bagay na ito ay tinukoy bilang isang hindi naiayos na koleksyon ng mga kaugnay na data, na mga uri ng primitive o sanggunian. Ang mga ito ay tinukoy sa anyo ng mga pares ng 'key: halaga'.
Ang mga susi na ito ay variable o pagpapaandar na kung saan ay tinatawag bilang mga pag-aari at pamamaraan ng isang bagay. Maaari kang lumikha ng isang object ng JavaScript bilang:
hayaan ang ObjectName = {Property1: 'Value', Property2: 'Value', ... ...}
Paano Lumikha ng isang bagong Bagay?
Mayroong 3 mga paraan upang lumikha ng isang bagong bagay:
- Sa pamamagitan ng Object Literal
Syntax:
object = {pag-aari1: halaga1, pag-aari2: halaga2 ..... pag-aariN: halagaN}
Halimbawa:
empleyado = {id: 700, pangalan: 'Evan', suweldo: 30000} dokumento.write (empleyado.id + '' + empleyado.name + '' + empleyado.salary)
Output:
700 Evan 30000
- Sa pamamagitan ng paglikha ng halimbawa ng Bagay
Syntax:
var objectname = bagong Bagay ()
Halimbawa:
var emp = bagong Bagay () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 dokumento. sumulat (emp.id + '' emp.name + '' + emp.salary)
Output:
701 Karan 40000
- Sa pamamagitan ng Paggamit ng isang Tagabuo ng Bagay
Ang isang pagpapaandar ay nilikha gamit ang mga argumento. Ang bawat halaga ng argument ay maaaring italaga sa kasalukuyang object sa pamamagitan ng paggamit ito keyword.
Halimbawa:
function na empleyado (id, pangalan, suweldo) {this.id = id this.name = name this.salary = suweldo} emp = bagong empleyado (702, 'Neha', 35000) dokumento. sumulat (emp.id + '' emp .pangalan + '' + emp.salary)
Output:
702 Neha 35000
Ari-arian
SA pag-aari ng isang bagay ay a variable nakakabit yan sa object. Karaniwan silang pareho sa mga variable ng JavaScript, maliban sa pagkakabit sa mga object.
Ang mga katangian ng isang bagay ay tumutukoy sa mga katangian ng bagay. Maaari mong ma-access ang mga pag-aari ng isang bagay gamit ang isang simpleng tuldok-notasyon tulad ng:
objectName.propertyName
Maaari mong tukuyin ang isang pag-aari sa pamamagitan ng pagtatalaga nito ng isang halaga. Halimbawa, gumawa tayo ng isang bagay na pinangalanan Kotse at bigyan ito ng mga katangian tulad ng kumpanya, modelo , at kulay . Maaari itong tukuyin bilang:
kung paano ayusin ang isang array sa c ++
var Car = new Object () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'
Paraan
SA paraan ay isang pagpapaandar nauugnay sa isang bagay. Pag-aari din ito ng isang bagay. Ang mga pamamaraan ay tinukoy bilang mga normal na pag-andar ngunit dapat italaga bilang pag-aari ng isang bagay.
Ang pamamaraan ng object ay maaaring ma-access bilang:
objectName.methodName ()
Halimbawa:
var person = {firstName: 'Tessa', lastName: 'Den', empid: 7100, fullName: function () {ibalik ito.firstName + '' + this.lastName}}
Output:
ang may mga pamamaraan ng klase ng scanner ay hinahayaan ka
Si Tessa Den
Ang ilan sa mga karaniwang ginagamit na built-in na pamamaraan ay:
Paraan | Paglalarawan |
Object. assign () | Ginagamit ito upang kopyahin ang bilang at pagmamay-ari ng mga pag-aari mula sa isang mapagkukunang object sa isang target na bagay |
Bagay. Lumikha () | Ginagamit ito upang lumikha ng isang bagong bagay na may tinukoy na object ng prototype at mga katangian |
Object.defineProperty () | Ginagamit ito upang tukuyin ang mga katangian ng pag-uugali ng pag-aari |
Object.entries () | Nagbabalik ito an array kasama ang mga pares ng susi at halaga |
Bagay.freeze () | Pinipigilan nito ang mga mayroon nang mga pag-aari na alisin |
Mga accessor
Ang JavaScript Accessors ay binubuo ng Mga Getter at Mga Setter na ginagamit upang tukuyin ang mga access ng object.
- Ang Kumuha ng Keyword
Kumuha tayo ng isang halimbawa at tingnan kung paano Mga Getter ay sanay sa kumuha ka anumang halaga ng pag-aari:
var person = {firstName: 'Daisy', lastName: 'Green', empid: 401, get id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id
Output:
401
- Ang Itakda ang Keyword
Kumuha tayo ng isang halimbawa at tingnan kung paano Mga Setter ay sanay sa itakda anumang halaga ng pag-aari:
var person = {firstName: 'Daisy', lastName: 'Green', empid: 00, set id (value) {this.empid = value}} person.id = 401 document.getElementById ('demo'). innerHTML = person .empid
Output:
401
Mga Prototype
Ang lahat ng mga object ng JavaScript ay nagmamana ng mga katangian at pamamaraan mula sa isang prototype. Halimbawa:
- Petsa nagmamana ang mga bagay mula sa Petsa.prototype
- Array nagmamana ang mga bagay mula sa Array.prototype
- Tao nagmamana ang mga bagay mula sa Tao.prototype
Ang JavaScript prototype ginagamit ang pag-aari upang magdagdag ng mga bagong pag-aari sa mga object konstruktor.
Halimbawa:
function na Taong (una, huling, id, edad) {this.firstName = una this.lastName = huling ito.empid = id this.age = age} Person.prototype.nationality = 'Indian'
Pinapayagan ka rin ng pag-aari ng prototype na magdagdag ng mga bagong pamamaraan sa mga konstruktor ng bagay.
Halimbawa:
function Person (una, huling, id, edad) {// Pagdaragdag ng mga pamamaraan sa mga konstruktor na ito.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}
Maaari mong baguhin ang iyong sariling mga prototype ngunit hindi kailanman baguhin ang mga prototype ng karaniwang mga object ng JavaScript.
Sa pamamagitan nito, napunta kami sa dulo ng aming artikulo. Inaasahan kong naintindihan mo ang Mga Object ng JavaScript at ang iba't ibang mga pamamaraan upang tukuyin ang mga ito.
Ngayong alam mo na ang tungkol sa Mga JavaScript na Bagay, tingnan ang ni Edureka. Tutulungan ka ng Pagsasanay sa Pagpapatunay sa Pag-unlad ng Web na Alamin kung paano lumikha ng mga kahanga-hangang website gamit ang HTML5, CSS3, Twitter Bootstrap 3, jQuery at Google API at i-deploy ito sa Amazon Simple Storage Service (S3).
May tanong ba sa amin? Mangyaring banggitin ito sa seksyon ng mga komento ng 'Object ng JavaScript' at babalikan ka namin.