es6声明变量的方法有哪些
es6声明变量的方法有哪些
这篇“es6声明变量的方法有哪些”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“es6声明变量的方法有哪些”文章吧。
es6声明变量有6种方法：1、用关键字var声明变量；2、用关键字function声明变量；3、用关键字const声明变量；4、用关键字let声明变量；5、用关键字class声明变量；6、用关键字import声明变量。
本教程操作环境：windows7系统、ECMAScript 6版、Dell G3电脑。
ES5 只有两种声明变量的方法：var命令和function命令。
ES6 除了添加let和const命令，还有两种声明变量的方法：import命令和class命令。
所以，ES6 一共有 6 种声明变量的方法。
1、用关键字var声明变量
var a ; //undefinedvar b = 1;
-
var定义的变量可以修改，如果不初始化会输出undefined，不会报错
-
var 声明的变量在window上，用let或者const去声明变量，这个变量不会被放到window上
-
很多语言中都有块级作用域，但JS没有，它使用var声明变量，以function来划分作用域，大括号“{}” 却限定不了var的作用域，因此用var声明的变量具有变量提升的效果
-
var 声明的变量作用域是全局的或者是函数级的
2、用关键字function声明变量
function add(a) { var sum = a + 1; return sum; }
-
声明了一个名为 add的新变量，并为其分配了一个函数定义
-
{}之间的内容被分配给了 add
-
函数内部的代码不会被执行，只是存储在变量中以备将来使用
3、用关键字const声明变量
const a; //报错，必须初始化const b = 1;
-
const定义的变量不可以修改，而且必须初始化
-
该变量是个全局变量，或者是模块内的全局变量
-
如果一个变量只有在声明时才被赋值一次，永远不会在其它的代码行里被重新赋值，那么应该使用const，但是该变量的初始值有可能在未来会被调整（常变量）
-
创建一个只读常量，在不同浏览器上表现为不可修改；建议申明后不修改；拥有块级作用域
-
const 代表一个值的常量索引 ，也就是说，变量名字在内存中的指针不能够改变，但是指向这个变量的值可能 改变
-
const定义的变量不可修改，一般在require一个模块的时候用或者定义一些全局常量
-
可以在全局作用域或者函数内声明常量，但是必须初始化常量
-
常量不能和它所在作用域内其它变量或者函数拥有相同名称
4、用关键字let声明变量
let a; //undefinedlet b = 1; function add(b) { let sum = b + 1; return sum; } let c = add(b);
-
需要”javascript 严格模式”：'use strict'；
-
不存在变量提升
-
不允许重复声明
-
let声明的变量作用域是在块级域中，函数内部使用let定义后，对函数外部无影响(块级作用域)
-
可以在声明变量时为变量赋值，默认值为undefined,也可以稍后在脚本中给变量赋值，在生命前无法使用(暂时死区)
5、用关键字class声明变量
关于class，后期我会单独写一篇文章，详细的介绍一下，这里就简单说一下： 首先通过看ES5中的构造函数，然后再用ES6的class去实现：
// ES5写法 ： function fun ( x, y ){ this.x = x; this.y = y; }; fun.prototype.GetHair = function(){ return `${this.x}掉了两根头发，${this.y}说俺也一样！`; }; let setHair = new fun('小明','老王'); console.log(setHair.GetHair()); // 小明掉了两根头发，老王说俺也一样！
再来看一下ES6的class写法：
class Interest { constructor( x, y, e, z ){ this.x = x; this.y = y; this.e = e; this.z = z; } MyInterest(){ let arr = []; console.log(`我会${[...arr,this.x,this.y,this.e,this.z]}!`); } } let GetInterest = new Interest('唱','跳','rap','篮球'); console.log(GetInterest.MyInterest()); //我会唱,跳,rap,篮球!
ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已，constructor方法就是构造方法，而this关键字则代表实例对象。也就是ES5 的构造函数Point，对应 ES6 的Point类的构造方法。
6、用关键字import声明变量
import用于加载文件，在大括号接收的是一个或多个变量名，这些变量名需要与你想要导入的变量名相同。
举个栗子：你想要导入action.js文件中的某一个变量，这个变量里保存了一段代码块，所以你要写成：import { Button } from 'action'，这个时候，你就从action.js中获取到了一个叫 Button 的变量，既然获取到了，你就可以对Button里的代码猥琐欲为了
如果想为输入的变量重新取一个名字，import命令要使用as关键字，将输入的变量重命名，比如：
import { NewButton as Button } from 'action.js';
上面的代码表示从action.js文件中，获取一个变量名称叫做Button的代码段，然后你又声明了一个变量 NewButton ，将 Button 保存在 NewButton
以上就是关于“es6声明变量的方法有哪些”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注高防服务器网行业资讯频道。
[微信提示：高防服务器能助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。
[图文来源于网络，不代表本站立场，如有侵权，请联系高防服务器网删除]
[