ES6新增了两重要的js关键字:let、const
1.let:
let声明的变量只在let命令所在的代码块内有效
使用let关键字实现全新的概念–块级作用域
var x=10;
{
var x=2;//重新声明变量,导致x变量也为2
}
console.log(x)//会导致污染全局,x=10
所以let出现了!
var x=10;
{
let x=2;//使用let,let只在所在的代码块{}起效
}
console. log(x)//x=10
但是有俩个问题
先来看一下全局作用域
- 在javascript中,全局作用域是针对JavaScript环境
- 在html中,全局作用域是针对window对象
- 使用var关键字声明的全局作用域变量属于window对象
var name='yc' //可以使用window.name访问到变量
let name='gx'//不可以使用,即let声明的全局作用域变量不属于window对象
还有一个关于变量提升问题
var定义的变量可以在使用后声明,即可以先用了再进行声明
let定义的变量不行,会报错
console.log(n);//undefined,因为一开始只是在全局定义了我有一个n了,但是我还没赋值,所以是undefined
var n="我是var";
console.log(y);
let y="我是leyt"//会报错,显示y未被定义
2.const:
const声明一个只读的常量,一旦声明,常量的值就不可以更改,即一定要初始化,不初始化也会报错
函数内使用var声明的变量只能在函数内部访问,但是如果你忘记加var,那这个变量就是全局变量了
简写的两条基本原则
- 同名的属性可以省略不写//或者说如果对象内的属性值使用的是外部变量的值,然后他们同名,那在定义对象的属性的时候,直接写属性名就可以,属性值就省略啦
- 对象中的方法之:function可以省略不写
let name="yc";
let age=18;
let people={
//name:name
name,
//age:age
age,
//hi:function(){}
hi(){
console.log("hi"+this.name)
}
}