Методы объектов. (Занятие 8)

План занятия

Методы объектов, this
Преобразование объектов: toString и valueOf
Создание объектов через «new»
Дескрипторы,

Методы объектов

Методы у объектов

var user = { name: 'Василий', // метод sayHi:

Доступ к объекту через this

var user = { name: 'Василий', sayHi:

Доступ к объекту через this

var user = { name: 'Василий', sayHi:

Доступ к объекту через this

var user = { name: 'Василий', sayHi:

this у функции

function sayHi() { console.log( this.firstName ); }

this у функции

var user = { firstName: 'Вася' }; var admin =

Значение this без контекста

function func() { console.log( this );
//

Что выведет этот код?

var arr = ['a', 'b']; arr.push(function() { console.log( this

// "a","b",function

Задачка 8.1

решение

Создайте объект calculator с тремя методами:
read() запрашивает prompt два значения и

var calculator = { sum: function() { return this.a + this.b;

Преобразование объектов: toString и valueOf

Логическое преобразование

if ({} && []) { console.log( 'Все объекты - true!'

Строковое преобразование

var user = { firstName: 'Василий' }; alert( user ); // [object

Строковое преобразование

var user = { firstName: 'Василий', toString: function() { return

Строковое преобразование

alert( [1, 2] );
// toString для массивов выводит список

Численное преобразование

var room = { number: 777, valueOf: function() { return

Какими будут результаты alert?

Задачка 8.3

var foo = { toString: function() {

Какими будут результаты у выражений?

Задачка 8.4

new Date(0) - 0
new Array(1)[0] +

Создание объектов через «new»

Конструктор

function Animal(name) { this.name = name; this.canWalk = true; } var animal =

Конструктор

Создаётся новый пустой объект.
Ключевое слово this получает ссылку на этот объект.
Функция

Конструктор

animal = { name: 'Elephant', canWalk: true }

Конструктор

function Animal(name) { // this = {}; // в this пишем

Правила обработки return

При вызове return с объектом, будет возвращён он, а

Правила обработки return

function BigAnimal() { this.name = 'Мышь'; return { name:

Правила обработки return

function BigAnimal() { this.name = 'Мышь'; return 'Годзилла'; //

Создание методов в конструкторе

function User(name) { this.name = name; this.sayHi =

Локальные переменные

function User(firstName, lastName) { // вспомогательная переменная var phrase =

Дескрипторы, геттеры и сеттеры свойств

Дескрипторы

Object.defineProperty(obj, prop, descriptor)

Дескрипторы

value — значение свойства, по умолчанию undefined
writable — значение свойства можно

Обычное свойство

var user = {}; // 1. простое присваивание user.name = 'Вася'; // 2.

Свойство-константа

'use strict'; var user = {}; Object.defineProperty(user, 'name', { value: 'Вася', writable: false,

Свойство, скрытое для for..in

var user = { name: 'Вася', toString: function()

Свойство, скрытое для for..in

var user = { name: 'Вася', toString: function()

Свойство-функция

var user = { firstName: 'Вася', surname: 'Петров' }; Object.defineProperty(user, 'fullName', { get:

Свойство-функция

var user = { firstName: 'Вася', surname: 'Петров' }; Object.defineProperty(user, 'fullName', { get:

get/set в литералах

var user = { firstName: 'Вася', surname: 'Петров', get

Статические и фабричные методы

Статические свойства

function Article() { Article.count++; } // статическое свойство-переменная Article.count = 0; // статическое свойство-константа Article.DEFAULT_FORMAT

Статические методы

function Article() { Article.count++; //... } Article.count = 0; Article.showCount = function() {

Сравнение объектов

function Journal(date) { this.date = date; // ... } // возвращает значение,

Статические методы

function Journal() { /*...*/ } Journal.formatDate = function(date) { return date.getDate()

Фабричные методы

new Date()
new Date(milliseconds)
new Date(year, month, day ...)
new Date(datestring)

function User(userData) { if (userData) { this.name = userData.name; this.age =

function User() { this.sayHi = function() { console.log(this.name) }; } User.createAnonymous = function()

Преимущества фабричных методов

Лучшая читаемость кода.
Лучший контроль ошибок.
Удобная расширяемость.

План занятия

Методы объектов, this
Преобразование объектов: toString и valueOf
Создание объектов через «new»
Дескрипторы,