LoginSignup
5
1

More than 1 year has passed since last update.

PythonのselfとJavaScriptのthisは似ているようで異なる

Posted at

PythonとJavaScriptは、どちらもオブジェクト指向言語であり、オブジェクトの振る舞いを定義する際に、selfとthisというキーワードが使用されます。しかし、両者は同じようで、異なる動作をするため、注意が必要です。

Pythonのselfは、メソッド内でオブジェクト自身を参照するために使用されます。メソッドが呼び出される際には、selfは暗黙的に渡され、メソッド内で自由に使用することができます。以下は、Pythonでのselfの使用例です。

Python
class Person:
    def __init__(self, name, age):
        self.name = name
        self.age = age

    def greet(self):
        print(f"Hello, my name is {self.name} and I'm {self.age} years old.")

person = Person("Alice", 25)
person.greet() # Output: "Hello, my name is Alice and I'm 25 years old."

JavaScriptのthisも、オブジェクト自身を参照するために使用されますが、Pythonのselfとは異なる動作をすることがあります。JavaScriptでは、関数がどのように呼び出されたかによって、thisの値が変わります。以下のコードを見てください。

JavaScript
const person = {
  name: "Alice",
  age: 25,
  greet: function() {
    console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
  }
};

person.greet(); // Output: "Hello, my name is Alice and I'm 25 years old."

const greetFunction = person.greet;
greetFunction(); // Output: "Hello, my name is undefined and I'm undefined years old."

この例では、personオブジェクトのgreetメソッドを呼び出すと、thisはpersonオブジェクト自身を参照します。しかし、greetFunctionにperson.greetを代入し、greetFunctionを呼び出すと、thisはグローバルオブジェクトを参照するため、undefinedが出力されます。

このような場合、thisの値を明示的に設定することで、thisの振る舞いを制御することができます。JavaScriptでは、関数のcall、apply、bindなどのメソッドを使用して、thisの値を明示的に設定することができます。

以下は、前述のJavaScriptコードを、bindメソッドを使用して、thisの値を明示的に設定する例です。

JavaScript
const person = {
  name: "Alice",
  age: 25,
  greet: function() {
    console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
  }
};

const greetFunction = person.greet.bind(person);
greetFunction(); // Output: "Hello, my name is Alice and I'm 25 years old."

この例では、bindメソッドを使用して、greetメソッド内のthisをpersonオブジェクトに明示的にバインドしています。そのため、greetFunctionを呼び出すと、thisはpersonオブジェクトを参照し、正しい出力が得られます。

このように、PythonのselfとJavaScriptのthisは、オブジェクトの振る舞いを定義するために似たような役割を果たしますが、JavaScriptのthisの動作は、呼び出し元によって変わるため、注意が必要です。明示的にthisの値を設定することで、JavaScriptのthisの動作を制御することができます。

5
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
1