Ang kailangan mo lang malaman tungkol sa Mga JavaScript na Bagay



Ang blog na ito sa JavaScript Object ay magbibigay ng malalim na kaalaman tungkol sa iba't ibang mga pamamaraan upang tukuyin at lumikha ng mga bagong bagay sa javascript na may mga halimbawa.

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

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'.





JavaScript - object ng javascript - Edureka

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.