美文网首页
JavaScript三种定义变量区别

JavaScript三种定义变量区别

作者: 顺风飘千里 | 来源:发表于2017-10-10 15:38 被阅读0次

本文参考 网站


三种定义变量的方法分别是var、let、const

1.var定义变量

语法及说明

var定义的变量可以修改,如果不初始化会输出undefined,不会报错。

var a = 1;
// var a;   不会报错
console.log('函数外var定义a:' + a);//可以输出a=1
function change(){
a = 4;
console.log('函数内var定义a:' + a);//可以输出a=4
} 
change();
console.log('函数调用后var定义a为函数内部修改值:' + a);//可以输出a=4
特点

变量声明提升

无论在代码的任何位置声明变量,执行引擎都会在任何代码执行之前处理。由于这个原因,所以在代码中的任意位置声明变量与在代码开头声明变量是等效的

这意味着我们可以在定义变量之前使用,这个行为叫做'hoisting',也就是把所有的变量声明移动到函数或者全局代码的开头位置

声明与未声名变量的区别

未声明的变量会被添加一个全局作用域,而声明变量作用域是当前上下文

也就是说在函数内部定义变量时如果不加var声明这个变量是一个全局变量加上var时这个变量是一个局部变量
例:

function x() {
  y = 1;   
  // 未添加声明,是全局变量(在严格模式下会抛出ReferenceError)
  var z = 2;
}
x();
console.log(y); // '1'
console.log(z); // ReferenceError: z is not defined

2.let定义块级变量

用于定义块级变量语法结构与var类似
如定义一个if块级变量:

if (x > y) {
  let gamma = 12.7 + y;
  i = gamma * x;
}

let与var区别
let与var的区别主要体现在作用域上,当在子代码块中使用中其声明的是块级变量,而var声明的是全局变量:

var a = 5;   //全局作用域
var b = 10;

if (a === 5) {
  let a = 4; // if 块级作用域
  var b = 1; // 函数级作用域

  console.log(a);  // 4
  console.log(b);  // 1
} 

console.log(a); // 5
console.log(b); // 1

在函数或程序顶层使用时,let与var没有什么区别

3. const定义常量

const用于声明一个或多个常量,声明时必须进行初始化,且初始化后值不可再修改

const b = 2;//正确
 // const b;//错误,必须初始化 
console.log('函数外const定义b:' + b);//有输出值
  b = 5; //无法更改
  console.log('函数外修改const定义b:' + b);//无法输出 

const定义常量与使用let定义变量十分相似:
1.二者都是块级作用域
2.都不能和它所在作用域内的其他变量或函数拥有相同的名称
两者还有以下两点区别:
1.const声明的常量必须初始化,而let声明的变量不用
2.常量的值不能通过再赋值改变,也不能再次声明。而变量值可以修改

相关文章

网友评论

      本文标题:JavaScript三种定义变量区别

      本文链接:https://www.haomeiwen.com/subject/aiwvyxtx.html