Làm cách nào để đặt tên động cho một hàm trong JavaScript?

Một chuỗi

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

Ghi chú. Trong các triển khai không chuẩn, trước ES2015, thuộc tính

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

Thuộc tính

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

Thuộc tính

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

function someFunction() {}

someFunction.name = 'otherFunction';
console.log(someFunction.name); // someFunction

Để thay đổi nó, hãy sử dụng

new Function().name; // "anonymous"

Thuộc tính

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

Thuộc tính

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

function doSomething() {}
doSomething.name; // "doSomething"

Khai báo

new Function().name; // "anonymous"

new Function().name; // "anonymous"

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

Các hàm được tạo bằng hàm tạo

new Function().name; // "anonymous"

new Function().name; // "anonymous"

Nếu biểu thức hàm được đặt tên, thì tên đó được sử dụng làm thuộc tính

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

const someFunction = function someFunctionName() {};
someFunction.name; // "someFunctionName"

Các biểu thức hàm ẩn danh được tạo bằng cách sử dụng từ khóa

new Function().name; // "anonymous"

const someFunction = function someFunctionName() {};
someFunction.name; // "someFunctionName"

(function () {}).name; // ""
(() => {}).name; // ""

Tuy nhiên, những trường hợp như vậy rất hiếm — thông thường, để tham chiếu đến biểu thức ở nơi khác, biểu thức hàm được gắn với một mã định danh khi nó được tạo (chẳng hạn như trong một khai báo biến). Trong những trường hợp như vậy, tên có thể được suy ra, như một vài phần phụ sau đây chứng minh

Một trường hợp thực tế không thể suy ra tên là một hàm được trả về từ một hàm khác

function getFoo() {
  return () => {};
}
getFoo().name; // ""

Các biến và phương thức có thể suy ra tên của một hàm ẩn danh từ vị trí cú pháp của nó

const f = function () {};
const object = {
  someMethod: function () {}
};

console.log(f.name); // "f"
console.log(object.someMethod.name); // "someMethod"

Điều tương tự áp dụng cho nhiệm vụ

let f;
f = () => {};
f.name; // "f"

Các hàm trong bộ khởi tạo (giá trị mặc định) của , tham số mặc định, trường lớp, v.v. , sẽ kế thừa tên của định danh bị ràng buộc là

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

const [f = () => {}] = [];
f.name; // "f"

const { someMethod: m = () => {} } = {};
m.name; // "m"

function foo(f = () => {}) {
  console.log(f.name);
}
foo(); // "f"

class Foo {
  static someMethod = () => {};
}
Foo.someMethod.name; // someMethod

function doSomething() {}
doSomething.name; // "doSomething"

const someFunction = function someFunctionName() {};
someFunction.name; // "someFunctionName"

function doSomething() {}
doSomething.name; // "doSomething"

Khi sử dụng thuộc tính trình truy cập

const someFunction = function someFunctionName() {};
someFunction.name; // "someFunctionName"

const someFunction = function someFunctionName() {};
someFunction.name; // "someFunctionName"

function doSomething() {}
doSomething.name; // "doSomething"

Tên của một lớp tuân theo thuật toán giống như khai báo hàm và biểu thức

function doSomething() {}
doSomething.name; // "doSomething"

Cảnh báo. JavaScript sẽ chỉ đặt thuộc tính

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

Nếu một tên hàm

const someFunction = function someFunctionName() {};
someFunction.name; // "someFunctionName"

function doSomething() {}
doSomething.name; // "doSomething"

Các trường riêng tư và phương thức riêng tư có hàm băm (

const someFunction = function someFunctionName() {};
someFunction.name; // "someFunctionName"

function doSomething() {}
doSomething.name; // "doSomething"

Bạn có thể sử dụng

(function () {}).name; // ""
(() => {}).name; // ""

function doSomething() {}
doSomething.name; // "doSomething"

Tuy nhiên, vì các thành viên tĩnh sẽ trở thành thuộc tính riêng của lớp, nên chúng ta không thể lấy tên lớp cho hầu như bất kỳ lớp nào có thuộc tính phương thức tĩnh

(function () {}).name; // ""
(() => {}).name; // ""

function doSomething() {}
doSomething.name; // "doSomething"

Với phương thức

(function () {}).name; // ""
(() => {}).name; // ""

(function () {}).name; // ""
(() => {}).name; // ""

(function () {}).name; // ""
(() => {}).name; // ""

(function () {}).name; // ""
(() => {}).name; // ""

(function () {}).name; // ""
(() => {}).name; // ""

function doSomething() {}
doSomething.name; // "doSomething"

Do sự tồn tại của các trường tĩnh,

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

function doSomething() {}
doSomething.name; // "doSomething"

Nếu một lớp có một thuộc tính tĩnh được gọi là

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

Do đó, bạn không thể dựa vào thuộc tính

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

Cảnh báo. Hãy cẩn thận khi sử dụng thuộc tính

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

Mã nguồn như

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

có thể được nén để

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

Trong phiên bản không nén, chương trình chạy vào nhánh trung thực và ghi nhật ký "'foo' là một phiên bản của 'Foo'" — trong khi đó, trong phiên bản nén, nó hoạt động khác và chạy vào nhánh khác. Nếu bạn dựa vào thuộc tính

// -- someModule.js --
export default function () {};

// -- main.js --
import someModule from "./someModule.js";

someModule.name; // "default"

Làm cách nào để tự động thay đổi tên hàm trong JavaScript?

Làm cách nào để viết hàm động trong JavaScript?

Hàm động trong JavaScript là gì?

Làm cách nào để sử dụng tên biến làm hàm trong JavaScript?