"javascript" 태그로 연결된 1개 게시물개의 게시물이 있습니다.

var person = {    name: ['Bob', 'Smith'],    age: 32,    gender: 'male',    interests: ['music', 'skiing'],    bio: function () {        alert(            this.name[0] +                ' ' +                this.name[1] +                ' is ' +                this.age +                ' years old. He likes ' +                this.interests[0] +                ' and ' +                this.interests[1] +                '.',        );    },    greeting: function () {        alert("Hi! I'm " + this.name[0] + '.');    },};

var foo = function () {    console.dir(this);};
// 1. 함수 호출foo(); // window// window.foo();
// 2. 메소드 호출var obj = {foo: foo};obj.foo(); // obj
// 3. 생성자 함수 호출var instance = new foo(); // instance
// 4. apply/call/bind 호출var bar = {name: 'bar'};foo.call(bar); // barfoo.apply(bar); // barfoo.bind(bar)(); // bar

function createNewPerson(name) {    var obj = {};    obj.name = name;    obj.greeting = function () {        alert("Hi! I'm " + this.name + '.');    };    return obj;}
var salva = createNewPerson('Salva');salva.name;salva.greeting();

function Person(name) {    // this = {};  (빈 객체가 암시적으로 만들어짐)
    // 새로운 프로퍼티를 this에 추가함    this.name = name;    this.greeting = function () {        alert(`Hi! I'm ${this.name}.`);    };
    // return this;  (this가 암시적으로 반환됨)}
var salva = new Person('Salva');salva.name;salva.greeting();

// 객체 리터럴 방식var foo = {    name: 'foo',    gender: 'male',};
console.dir(foo);
// 생성자 함수 방식function Person(name, gender) {    this.name = name;    this.gender = gender;}
var me = new Person('Lee', 'male');console.dir(me);
var you = new Person('Kim', 'female');console.dir(you);