Khai báo và khởi tạo biến trong javascript là gì?

Thử nó

cú pháp

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

tên biến. Nó có thể là bất kỳ định danh hợp pháp nào

'use strict';
function foo[] {
  var x = 1;
  function bar[] {
    var y = 2;
    console.log[x]; // 1 [function `bar` closes over `x`]
    console.log[y]; // 2 [`y` is in scope]
  }
  bar[];
  console.log[x]; // 1 [`x` is in scope]
  console.log[y]; // ReferenceError in strict mode, `y` is scoped to `bar`
}

foo[];

Giá trị ban đầu của biến. Nó có thể là bất kỳ biểu hiện pháp lý. Giá trị mặc định là

'use strict';
function foo[] {
  var x = 1;
  function bar[] {
    var y = 2;
    console.log[x]; // 1 [function `bar` closes over `x`]
    console.log[y]; // 2 [`y` is in scope]
  }
  bar[];
  console.log[x]; // 1 [`x` is in scope]
  console.log[y]; // ReferenceError in strict mode, `y` is scoped to `bar`
}

foo[];

Ngoài ra, cú pháp Gán cấu trúc cũng có thể được sử dụng để khai báo các biến

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

Sự miêu tả

Các khai báo của

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

Phạm vi của một biến được khai báo với

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

'use strict';
function foo[] {
  var x = 1;
  function bar[] {
    var y = 2;
    console.log[x]; // 1 [function `bar` closes over `x`]
    console.log[y]; // 2 [`y` is in scope]
  }
  bar[];
  console.log[x]; // 1 [`x` is in scope]
  console.log[y]; // ReferenceError in strict mode, `y` is scoped to `bar`
}

foo[];

Các biến được khai báo bằng cách sử dụng

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

'use strict';
function foo[] {
  var x = 1;
  function bar[] {
    var y = 2;
    console.log[x]; // 1 [function `bar` closes over `x`]
    console.log[y]; // 2 [`y` is in scope]
  }
  bar[];
  console.log[x]; // 1 [`x` is in scope]
  console.log[y]; // ReferenceError in strict mode, `y` is scoped to `bar`
}

foo[];

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

Trong bối cảnh toàn cầu, một biến được khai báo bằng cách sử dụng

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

'use strict';
function foo[] {
  var x = 1;
  function bar[] {
    var y = 2;
    console.log[x]; // 1 [function `bar` closes over `x`]
    console.log[y]; // 2 [`y` is in scope]
  }
  bar[];
  console.log[x]; // 1 [`x` is in scope]
  console.log[y]; // ReferenceError in strict mode, `y` is scoped to `bar`
}

foo[];

'use strict';
function foo[] {
  var x = 1;
  function bar[] {
    var y = 2;
    console.log[x]; // 1 [function `bar` closes over `x`]
    console.log[y]; // 2 [`y` is in scope]
  }
  bar[];
  console.log[x]; // 1 [`x` is in scope]
  console.log[y]; // ReferenceError in strict mode, `y` is scoped to `bar`
}

foo[];

'use strict';
function foo[] {
  var x = 1;
  function bar[] {
    var y = 2;
    console.log[x]; // 1 [function `bar` closes over `x`]
    console.log[y]; // 2 [`y` is in scope]
  }
  bar[];
  console.log[x]; // 1 [`x` is in scope]
  console.log[y]; // ReferenceError in strict mode, `y` is scoped to `bar`
}

foo[];

Thuộc tính được tạo trên đối tượng toàn cầu cho các biến toàn cầu, được đặt thành không thể định cấu hình vì mã định danh sẽ được coi là một biến, thay vì thuộc tính đơn giản của đối tượng toàn cầu. JavaScript có tính năng quản lý bộ nhớ tự động và sẽ vô nghĩa nếu có thể sử dụng toán tử

'use strict';
function foo[] {
  var x = 1;
  function bar[] {
    var y = 2;
    console.log[x]; // 1 [function `bar` closes over `x`]
    console.log[y]; // 2 [`y` is in scope]
  }
  bar[];
  console.log[x]; // 1 [`x` is in scope]
  console.log[y]; // ReferenceError in strict mode, `y` is scoped to `bar`
}

foo[];

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

Lưu ý rằng trong cả mô-đun NodeJS CommonJS và mô-đun ECMAScript gốc, các khai báo biến cấp cao nhất được đặt trong phạm vi mô-đun và do đó không được thêm làm thuộc tính cho đối tượng chung

Chỉ định định danh không đủ tiêu chuẩn

Đối tượng toàn cầu nằm ở đầu chuỗi phạm vi. Khi cố gắng phân giải tên thành giá trị, chuỗi phạm vi được tìm kiếm. Điều này có nghĩa là các thuộc tính trên đối tượng toàn cầu có thể nhìn thấy thuận tiện từ mọi phạm vi mà không cần phải xác định tên bằng

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

Vì đối tượng toàn cầu có thuộc tính

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

Vì vậy, đối tượng toàn cầu cuối cùng sẽ được tìm kiếm cho các định danh không đủ tiêu chuẩn. Bạn không cần phải gõ

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

Ở chế độ nghiêm ngặt, việc gán cho một mã định danh không đủ tiêu chuẩn ở chế độ nghiêm ngặt sẽ dẫn đến

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

Lưu ý rằng ngụ ý của điều trên, trái ngược với thông tin sai lệch phổ biến, JavaScript không có các biến ngầm định hoặc không được khai báo, nó chỉ có một cú pháp trông giống như vậy.

var cẩu

Bởi vì các khai báo

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

'use strict';
function foo[] {
  var x = 1;
  function bar[] {
    var y = 2;
    console.log[x]; // 1 [function `bar` closes over `x`]
    console.log[y]; // 2 [`y` is in scope]
  }
  bar[];
  console.log[x]; // 1 [`x` is in scope]
  console.log[y]; // ReferenceError in strict mode, `y` is scoped to `bar`
}

foo[];

Điều này được ngầm hiểu là

'use strict';
function foo[] {
  var x = 1;
  function bar[] {
    var y = 2;
    console.log[x]; // 1 [function `bar` closes over `x`]
    console.log[y]; // 2 [`y` is in scope]
  }
  bar[];
  console.log[x]; // 1 [`x` is in scope]
  console.log[y]; // ReferenceError in strict mode, `y` is scoped to `bar`
}

foo[];

Vì lý do đó, nên luôn khai báo các biến ở đầu phạm vi của chúng [đầu mã toàn cầu và đầu mã chức năng] để rõ ràng biến nào thuộc phạm vi chức năng [cục bộ] và biến nào được giải quyết trên chuỗi phạm vi

Điều quan trọng cần chỉ ra là chỉ phần khai báo của biến được nâng lên chứ không phải phần khởi tạo của nó. Việc khởi tạo chỉ xảy ra khi đạt đến câu lệnh gán. Cho đến lúc đó biến vẫn là

'use strict';
function foo[] {
  var x = 1;
  function bar[] {
    var y = 2;
    console.log[x]; // 1 [function `bar` closes over `x`]
    console.log[y]; // 2 [`y` is in scope]
  }
  bar[];
  console.log[x]; // 1 [`x` is in scope]
  console.log[y]; // ReferenceError in strict mode, `y` is scoped to `bar`
}

foo[];

'use strict';
function foo[] {
  var x = 1;
  function bar[] {
    var y = 2;
    console.log[x]; // 1 [function `bar` closes over `x`]
    console.log[y]; // 2 [`y` is in scope]
  }
  bar[];
  console.log[x]; // 1 [`x` is in scope]
  console.log[y]; // ReferenceError in strict mode, `y` is scoped to `bar`
}

foo[];

Điều này được ngầm hiểu là

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

ví dụ

Khai báo và khởi tạo hai biến

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

Gán hai biến với giá trị chuỗi đơn

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

Điều này tương đương với

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

Hãy chú ý đến thứ tự

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

Ở đây,

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

'use strict';
function foo[] {
  var x = 1;
  function bar[] {
    var y = 2;
    console.log[x]; // 1 [function `bar` closes over `x`]
    console.log[y]; // 2 [`y` is in scope]
  }
  bar[];
  console.log[x]; // 1 [`x` is in scope]
  console.log[y]; // ReferenceError in strict mode, `y` is scoped to `bar`
}

foo[];

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

var varname1 [= value1] [, varname2 [= value2] ... [, varnameN [= valueN]]]

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

Khởi tạo một số biến

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

Ví dụ tương tự như trên nhưng với một chế độ nghiêm ngặt

var { bar } = foo; // where foo = { bar:10, baz:12 };
/* This creates a variable with the name 'bar', which has a value of 10 */

Toàn cầu tiềm ẩn và phạm vi chức năng bên ngoài

Các biến dường như là toàn cục tiềm ẩn có thể là tham chiếu đến các biến trong phạm vi hàm bên ngoài

Khai báo và khởi tạo biến là gì?

Khai báo biến trong JavaScript là gì?

Làm cách nào để khởi tạo biến trong JavaScript?

Khởi tạo biến là gì và giải thích bằng ví dụ?