es6
文章平均质量分 57
从零开始学习es6语法
优惠券已抵扣
余额抵扣
还需支付
¥9.90
¥99.00
购买须知?
本专栏为图文内容,最终完结不会低于15篇文章。
订阅专栏,享有专栏所有文章阅读权限。
本专栏为虚拟商品,基于网络商品和虚拟商品的性质和特征,专栏一经购买无正当理由不予退款,不支持升级,敬请谅解。
darrenzzb66
。。。。。。。
展开
-
第六节:ES6对象
对象赋值ES6允许把声明的变量直接赋值给对象let name="zzb";let skill= 'web';var obj= {name,skill};console.log(obj); //Object {name: "zzb", skill: "web"}var obj={ add:function(a,b){ return a+b; }}console.log(obj.add(1,2)); //3Object.is( ) 对象比较===为同值原创 2020-05-29 16:24:19 · 225 阅读 · 0 评论 -
第五节:ES6数组的操作
JSON数组格式转换let json = { '0': 'JS', '1': 'ZZB', '2': 'AAAA', length:3}//末尾一定要加上数组的长度let arr=Array.from(json);console.log(arr) //['JS','ZZB','AAAA']一堆文本或者变量转换成数组let arr =Array.of(3,4,5,6);console.log(arr);let arr =Array.of('JS','ZZ原创 2020-05-28 23:47:09 · 194 阅读 · 0 评论 -
第四节:ES6字符串和数字操作
字符串模板let zzb='zzb';let blog = `非常高兴你能看到这篇文章,我是你的老朋友${zzb}。今天我们学习字符串模版。`;console.log(blog);//字符串模版不再使用‘xxx’这样的单引号,而是换成了xxx这种形式,也叫连接号。let a=1;let b=2;let result=`${a+b}`;console.log(result);//对运算的支持字符串操作let zzb='zzb';let blog = '非常高兴你能看到这篇文章,我是原创 2020-05-28 21:44:12 · 368 阅读 · 0 评论 -
第三节:ES6扩展运算符
扩展运算符是…(三个点)。它可以很好的为我们解决参数和对象数组未知情况下的编程,让我们的代码更健壮和简洁。function zzbjs(...arg){ console.log(arg[0]); console.log(arg[1]); console.log(arg[2]); console.log(arg[3]);}zzbjs(1,2,3);//输出 1 2 3 undefined//这说明是可以传入多个值,并且就算方法中引用多了也不会报错。let ar原创 2020-05-28 21:05:22 · 238 阅读 · 0 评论 -
第二节:ES6变量声明和解构赋值
一、3种变量声明方式的区别var//其作用域为该语句所在的函数内let//其作用域为该语句所在的代码块内const//在ES6也是用来声明常量的,常量你可以简单理解为不变的量。二、解构赋值数组的解构let [a,b,c]=[1,2,3];let [a,[b,c],d]=[1,[2,3],4];解构的默认值//解构赋值是允许你使用默认值的let [foo = true] =[];console.log(foo); //控制台打印出truelet [a,b="JS"]=['zzb原创 2020-05-28 20:31:08 · 168 阅读 · 0 评论 -
第一节:ES6环境搭建
第一节:ES6环境搭建简介第一步:添加配置文件。第二步:命令行转码babel-cli具体实战简介ES(ECMAScript),es6是es5的一个升级。现在的Chrome浏览器已经支持ES6了,但是有些低版本的浏览器还是不支持ES6的语法,这就需要我们把ES6的语法自动的转变成ES5的语法。Webpack是有自动编译转换能力的,除了Webpack自动编译,我们还可以用Babel来完成。Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。第一步:添加配置文件。我们需原创 2020-05-28 11:06:24 · 448 阅读 · 0 评论