Создание объекта JavaScript

denis_alekss · January 14, 2021

Не вызывается почему то конструктор, пишет что не определенный конструктор хотя я ему определяю список аргументов при вызове.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тест</title>
 </head>
 <body>  
<p id="result"></p>

    <script>
let Person = {
    constructor:function(name,age,gender){
        this.name = name;
        this.age = age;
        this.gender = gender;
        return this;
    },
    greet: function(){
       console.log("My name is " + this.name);
    }
};

var tom = new Person.constructor("Вася",18,"female");
tom.greet();
 </script>
 </body>
</html>

Почему я не могу использовать просто new для создания объекта, а обязательно нужно использовать Object.create.. Почему нельзя обойтись просто new для вызова конструктора?

Igor Schnaider · January 15, 2021

Грубо говоря, потому что new просто создает новый объект на основе конструктора, а Object.create – с указанием прототипа.

В первом случае в объекте tom инициализируются свойства name, age и gender, но у него не будет определен метод greet.

// it's ok
tom.name;
tom.age;
tom.gender;

// but
Person.greet.call(tom);

Во втором случае (Object.create) метод greet будет найден в цепочке наследования (у прототипа).

denis_alekss · January 15, 2021

Метод call дал возможность greet вызвать саму себя?

очему во втором console.log не происходит вывод 18? Ведь я передал через конструктор аргумент 18.
Здесь решил попробовать наследование.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тест</title>
 </head>
 <body>  
<p id="result"></p>

    <script>
let Person =function(name,age,gender){
        this.name = name;
        this.age = age;
        this.gender = gender;
    //    return this;
    };
Person.prototype.greet= function(){
       console.log("My name is " + this.name);
    };


let Son = function(age,skils){
this.skils = skils || [];
Person.apply(this,arguments)
}


Son.prototype = Object.create(Person.prototype);
Son.prototype.constructor = Son;
let a = new Person("Петя",25,"female");
let b = new Son(18,["рисует","поет","водит"]);
console.log(a.age);
console.log(b.age + b.skils);
 </script>
 </body>
</html>

Edited January 15, 2021 by denis_alekss

Full-R · January 15, 2021

В этом синтаксисе конструктор не работает. Для литерал объекта можно сделать только setter, getter и protected(если объект в замыкании). Конструктор работает только для class unify синтаксиса.

denis_alekss · January 17, 2021

Вот еще вариант один:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <script>
        let Person = function Pers(name, age, gender) { // Имя будет Pers
            this.name = name;
            this.age = age;
            this.gender = gender;
        };
        Person.prototype.greet = function () {
            console.log("My name is " + this.name);
        }
 
        let Person2 = Person;
        Person2.prototype.goodbye = function () {
            console.log("Goodbye, " + this.name);
        }
 
        let Son = function (age, skils) { // Имя будет Son
            // Родительский конструктор вызывается до дочернего конструктора,
            // чтобы не было перезаписывания новых полей.
            Person.call(this, undefined, age, undefined);
            this.skils = skils || [];
            this.gender;
        }
 
        let Sunny = Son;
        Sunny.prototype = Object.create(Person.prototype);
        Sunny.prototype.constructor = Sunny; // Имя будет Son
 
        let a = new Person("Петя", 25, "female");
        console.log(a);
        console.log(a.constructor.name);
 
        let b = new Son(18, ["рисует", "поет", "водит"]);
        console.log(b);
        console.log(b.name);
    </script>
</body>
</html>

Задался еще таким вопросом. Я передал аргументы конструктору Person создав объект а,

let a = new Person("Петя", 25, "female");

а как получить эти значения объекту b и вывести?

Если написать так: console.log(b.name); получим undefined при выводе, а мне к примеру нужно унаследовать от родителя эти значения name, age, gender и вывести через потомка.

Метод call дал возможность greet вызвать саму себя?

Sign In

Создание объекта JavaScript

Question

denis_alekss

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Igor Schnaider

Link to comment

Share on other sites

denis_alekss

Link to comment

Share on other sites

Full-R

Link to comment

Share on other sites

denis_alekss

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information