JavaScript ES6的一些新鲜玩艺儿。。

时间:2022-04-27
本文章向大家介绍JavaScript ES6的一些新鲜玩艺儿。。,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

ES6的那些新东西,现在我了解的也不多。

先从简单的来吧,一些个语法看看,,

以前我们声明个对象得这样:

var Obj = {
 data:function(){
 ...
 },
 setData:function(){
 ...
 }
}

在ES6里不这样了,这么写的:

var Obj = {
 data(){
 ...
 },
 setData:(){
 }
}

恕我愚钝啊,

我就只看出来,确实是少了个function而已,其它没有变化。

======================

再来看看这个,

基于键值对的,[变量名]的取值方式,这样:

var param = 'abc';
var config = {};
config[param] = 'fff';

现在在ES6里这么写啦:

const param = 'abc';
const config = {
 [param]:12
}

这也只是写法优化了,没啥大改进。

======================

ES6的模块功能,我倒是挺喜欢的。

以前得这么写:

function objFn(){
 this.setVar = setVar;
 this.getVar = getVar;
 this.clearData = clearData;
 this.modifyData = modifyData;
}
function setvar(){...}
function sgetvar(){...}
function clearData(){...}
function modifyData(){...}

现在就可以这样了:

module.exports = {
 setvar,
 sgetvar,
 clearData,
 modifyData
}

这个比较喜欢,如果我写错了,你就一笑而过,不要较真。

毕竟我也刚开始看这个。。

慢慢研究吧,虽然一时用不上,但根本性的技术变革要跟上。