资讯专栏INFORMATION COLUMN

ES6入门笔记(一)

warkiz / 2083人阅读

摘要:用声明的常量无法在后面的代码中改值。表达式里还有一个很方便的就是表达式,举个例子运行结果为后声明的里以数组的形式存放了函数的剩余参数,是不是很方便。

ES6入门笔记(一) 安装babel

由于浏览器对ES6的支持还不是很好,编写ES6代码前我们要安装一个babel工具将ES6代码编译成ES5代码,用如下命令安装babel:

npm install -g babel-core       //安装babel核心库
npm install -g babel-cli       //安装babel命令行工具

安装成功后,我们将a.js的ES6代码编译为b.js的ES5代码的命令为:

babel a.js -o b.js

这里要注意由于babel最新版本还有对jsx,ES7等规范的支持,所以还要在当前目录新建一个.babelrc文件来指定当前使用JS的候选版本,其内容为:

{
    "presets": ["es2015"]        //指定当前JS版本为es2015
}
区块作用域let与常量const

ES6里用let声明具有区块作用域的变量,什么是区块作用域,学习过C,C++,Java等语言的同学都知道,如循环、if/else等、或用花括号代码块里声明的变量是具有作用域的,超出该范围即无法使用,js一直没有这个概念,ES6补上了这个缺口。

用const声明的常量无法在后面的代码中改值。

Spread表达式

ES6里还有一个很方便的就是spread表达式,举个例子:

function cook(dessert, ...drink) {
    let temp = dessert;
    for (let i = 0; i < drink.length; ++i) {
        temp += "," + drink[i];
    }
    console.log(temp);
}

cook("cake", "juice", "cola");

// 运行结果为    cake,juice,cola

...后声明的drink里以数组的形式存放了函数的剩余参数,是不是很方便。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/79285.html

相关文章

  • ES6入门笔记(二)

    摘要:入门笔记二对字符串操作的扩展传统上,只有方法,可以用来确定一个字符串是否包含在另一个字符串中。返回布尔值,表示参数字符串是否在源字符串的头部。用于头部补全,用于尾部补全。模板字符串中嵌入变量,需要将变量名写在之中。 ES6入门笔记(二) ES6对字符串操作的扩展 传统上,JavaScript只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中。ES6又提供了三种新方法...

    godlong_X 评论0 收藏0
  • React入门笔记

    摘要:环境配置新版的要求统一使用作为的编译工具,因此我们选择,新建文件,内容如下设置候选版本为和这里因为要用到,所以把在候选版本里加入对的支持组件里引入的组件这个概念里的组件就像,里的控件一样,能方便快捷的作为界面的一部分实现一定功能,我们可以 环境配置 新版的React要求统一使用babel作为JSX的编译工具,因此我们选择babel,新建.babelrc文件,内容如下 { pre...

    OpenDigg 评论0 收藏0
  • react入门学习笔记

    摘要:选择的主要原因大概是因为该框架出现较早,感觉上会相对成熟,日后学习中遇到问题想要查找答案相对简单一些,对,就是这么简单。多说无益,接下来开始的学习,我按照我学习中带着的问题来一一解答,完成我的入门笔记。主要是针对前端的组件化开发。 这两天得空,特意来折腾了以下时下火热的前端框架react,至于为什么选react,作为一个初学者react和vue在技术上的优劣我无权评论,也就不妄加评论了...

    leon 评论0 收藏0
  • ES6 Iterator笔记(摘抄至阮峰的ECMAScript 6入门

    摘要:也就是说,遍历器对象本质上,就是一个指针对象。执行这个函数,就会返回一个遍历器。一个对象如果要有可被循环调用的接口,就必须在的属性上部署遍历器生成方法原型链上的对象具有该方法也可。后面跟的是一个可遍历的结构,它会调用该结构的遍历器接口。 ES6 Iterator笔记(摘抄至阮一峰的ECMAScript 6入门) Iterator的遍历过程 创建一个指针对象,指向当前数据结构的起始位...

    mayaohua 评论0 收藏0
  • es6入门笔记

    摘要:批量声明循环箭头函数中可以省略,如果括号里只有返回的表达式,那么花括号和关键字也可以省略。箭头函数指向实例的指向是该函数被调用的指向该函数是被哪个对象所调用时的就是箭头函数中的指向是定义时的指向实例的指向 常量const const a = 1; a +=2; console.log(a); //报错 VM6833:2 Uncaught TypeError: Assignment t...

    renweihub 评论0 收藏0

发表评论

0条评论

warkiz

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<