前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript ES6的一些新鲜玩艺儿。。

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

作者头像
web前端教室
发布2018-02-06 11:30:01
4670
发布2018-02-06 11:30:01
举报
文章被收录于专栏:web前端教室web前端教室

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

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

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

代码语言:js
复制
var Obj = {
 data:function(){
 ...
 },
 setData:function(){
 ...
 }
}

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

代码语言:js
复制
var Obj = {
 data(){
 ...
 },
 setData:(){
 }
}

恕我愚钝啊,

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

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

再来看看这个,

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

代码语言:js
复制
var param = 'abc';
var config = {};
config[param] = 'fff';

现在在ES6里这么写啦:

代码语言:js
复制
const param = 'abc';
const config = {
 [param]:12
}

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

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

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

以前得这么写:

代码语言:js
复制
function objFn(){
 this.setVar = setVar;
 this.getVar = getVar;
 this.clearData = clearData;
 this.modifyData = modifyData;
}
function setvar(){...}
function sgetvar(){...}
function clearData(){...}
function modifyData(){...}

现在就可以这样了:

代码语言:js
复制
module.exports = {
 setvar,
 sgetvar,
 clearData,
 modifyData
}

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

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

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

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2016-02-04,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端教室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
大数据
全栈大数据产品,面向海量数据场景,帮助您 “智理无数,心中有数”!
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档