Learn-JavaScript-with-MDN 系列文章: 01. var & let & const 对比

var & let & const 区别

var, let, const 区别 All In One

是否存在 hoisting

var 存在 hoisting; let, const 不存在 hoisting;

作用域不同

var 是全局scope或函数 scope; let, const 是 block scope;

全局作用域里面定义的 const, let 不会挂载到 window 对象上面;

全局作用域里面定义的 var 会挂载到 window 对象上面;

const log = console.log;

var a = 1;

log(`a =`, window.b);

let b = 1;

log(`b =`, window.b);

const c = 1;

log(`c =`, window.c);

能否重复声明

var 可以重复声明; let, const 不可以重复声明

能否重新赋值

var 可以重新赋值, let 可以重新赋值; const 不可以重新赋值, 但是如果是 Object 可以，修改 Object 的属性值;

声明时否要初始化

var 可选初始化; let 可选初始化, 但是存在 TDZ(暂时死区); const 声明时必须初始化;

未经授权，禁止转载

版权所有 copyright xgqfrms 2019-forever

原文链接: https://www.cnblogs.com/xgqfrms/p/11421323.html

scope & hoisting

https://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html

https://repl.it/@xgqfrms/Function-hoisting-greater-var-hoisting

https://stackoverflow.com/questions/7506844/javascript-function-scoping-and-hoisting

function hoisting

"use strict";

/**

 *

 * @author xgqfrms

 * @license MIT

 * @copyright xgqfrms

 * @created 2020-05-30

 * @modified

 *

 * @description function-hoisting.js

 * @augments

 * @example

 * @link

 *

 */

const log = console.log;

var a = 1;

function b() {

  a = 10;

  log(`local a`, a)

  return;

  // function hoisting 优先级大于 variable hoisting

  function a() {}

}

b();

log(`global a`, a);

// local a 10

// global a 1

const log = console.log;

// define "a" in global scope

var a = 1;

function b() {

  // define "a" in local scope

  var a ;

  // assign function to a

  a = function () {};

  // var a = function () {};

  // overwrites local variable "a"

  a = 10;

  log(`local a`, a);

  return;

}

b();

// log global variable "a"

log(`global a`, a);

// local a 10

// global a 1

js var hoisting

function
var

https://www.sitepoint.com/5-typical-javascript-interview-exercises/

refs

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

巴特西

Learn-JavaScript-with-MDN 系列文章: 01. var & let & const 对比

Learn-JavaScript-with-MDN 系列文章: 01. var & let & const 对比

var, let, const 区别 All In One

未经授权，禁止转载

scope & hoisting

function hoisting

js var hoisting

refs

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

最新文章

热门文章

巴特西

Learn-JavaScript-with-MDN 系列文章: 01. var & let & const 对比

Learn-JavaScript-with-MDN 系列文章: 01. var & let & const 对比

var, let, const 区别 All In One

未经授权，禁止转载

scope & hoisting

function hoisting

js var hoisting

refs

xgqfrms 2012-2020 www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

最新文章

热门文章

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！