Работа с объеками в JavaScript
жүктеу/скачать 38,72 Kb.
|
Работа с объеками в JavaScript
|
Работа с объеками в JavaScript В javaScript существует несколько видов объектов: встроенные объекты объекты браузера объекты, которые программист создает самостоятельно (пользовательские) Встроенные объекты — это предопределенные объекты number, string, array… Пользовательские объекты в javaScript: Object(объекты) Number (обработка чисел) String (обработка строк) Array (массивы) Math (математические формулы, функции и константы) Date (работа с датами и временем) RegExp Global (его свойства Infinity, NaN, undefined) Function Создание объектов в JavaScript Существует 2 способа создания объектов: Использование инициализатора объекта (или создание объектов-коллекций) Использование конструктора объектов (создание классов-конструкторов) Создание объектов-коллекций var имя_объекта = {свойство:значение, свойство:значение,...}; или var имя_объекта = new Object(); имя_объекта.свойство = значение;// точечная нотация имя_объекта["свойство"] = значение;// скобочная нотация Стоит заметить, что в качестве значения нельзя использовать цифру: myObg.rost = 2 // НЕЛЬЗЯ! myObg.rost = "2" // можно Пример: Создать объект myBrowser со свойствами name (значение “Microsoft Internet Explorer”) и version (значение «9.0») Решение 1: var myBrowser = {name: "Microsoft Internet Explorer", version: "9.0"}; alert(myBrowser.name); alert(myBrowser.version); или Решение 2: var myBrowser = new Object(); myBrowser.name= "Microsoft Internet Explorer"; myBrowser["version"]= "9.0"; Пример: Создать два объекта-коллекции (car и moto) со свойствами color и brand. Вывести значение свойства color у объекта car и свойства brand у объекта moto. Решение: var car = new Object(); car.color = "Белый"; car.maxSpeed=220; car.brand = "Nissan"; document.write("У машины цвет: " + car.color); var moto = { color: "Синий", horsePower: 130, brand: "Yamaha" }; document.write("У мотоцикла производитель: " + moto.brand); Цикл «для каждого» for in при работе с объектами в javascript. Цикл for in в javascript предназначен для прохода по массивам, коллекциям и объектам. Рассмотрим пример использования for in: var myBrowser = new Object(); myBrowser.name= "Microsoft Internet Explorer"; myBrowser["version"]= "9.0"; for (var a in myBrowser) { alert(a); // Перебирает свойства объекта myBrowser. Выдаст name, version alert(myBrowser[a]); // Выдаст значения свойств} Создание классов-конструкторов Создание классов-конструкторов осуществляется в два этапа: сначала создается класс с помощью конструктора; затем создается новый объект на основе конструктора. Создание класса объектов с помощью конструктора (создание классов-конструкторов): function Имя_класса_объектов(св-во1, св-во2){ this.св-во1 = значение; this.св-во2 = значение; } Создание нового объекта на основе конструктора для класса объектов: var имя_объекта = new имя_класса("значение_св-ва1","значение_св-ва2");
Или var имя_объекта =new имя_класса(); имя_объекта.св-во1="значение_св-ва1"; имя_объекта.св-во2="значение_св-ва2"; Название класса конструктора принято писать с заглавной буквы! Рассмотрим пример: Пример: Создание конструктора для класса объектов и создание объекта на основе этого класса: создать объект myBrowser со свойствами name (значение “Microsoft Internet Explorer”) и version (значение «9.0») Открыть решение Итак, сравним еще раз с первым способом создания объектов: // объект-коллекция var myBrowser = {name: "Microsoft Internet Explorer", version: "7.0"}; alert(myBrowser.name); alert(myBrowser.version); // следующая строка недопустима! var myBrowser1 = new myBrowser ("MozillaFirefox","3.5"); // НЕ ВЕРНО! !! Важно: В случае создания объекта-коллекции нельзя создавать экземпляр класса, так как это не класс. Задание js 6_1. Создать объект Сотрудник, который содержит сведения о сотрудниках некоторой фирмы, такие как Имя, Отдел, Телефон, Зарплата (использовать функцию-конструктор и ключевое слово this). Создать экземпляр объекта Доступ к свойствам объектов в javaScript имя_объекта.имя_свойства agent007.Имя = "Бонд"; alert(agent007.Имя); жүктеу/скачать 38,72 Kb. Достарыңызбен бөлісу:
|