鱼C论坛

 找回密码
 立即注册
查看: 3479|回复: 0

[学习笔记] es6语法学习

[复制链接]
发表于 2017-7-7 09:08:29 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
ES6是为了让JS能构建大型应用而诞生的,有了类和继承,应该是将来js语言的发展趋势。虽然现在各种浏览器全不支持这种语法,但是你知道的,等支持了在学就晚了 。在学之前我先打个广告,就是我之前写的专辑
QML编程

用nodejs建聊天网站

餐厅点餐网站与es6语法学习

在这之前先说说我对学编程的理解,我觉得学编程需要的是不求甚解的精神,不要死学一种语言。每种语言都是不可能完全学会的,你学的再精总有不知道的地方。比如你一种语言学了一年,人家已经学了8种。到时候参加公司面试一考你,就那一种你也有不会的地方,人家虽然8种语言都没学好可是大概上都能懂一些,你如果是公司老板会用谁?知识需要慢慢的积累不能急于求成,有可能过个几年人家那8种语言都能学个八九不离十,你学这一种还是有不会的地方。

我们用es6语法干什么?暂时还没有用~~~~~~  我先介绍一款软件的用法叫做babel,这是基于nodejs的一个模块,但是可以独立运行。安装这个要先做下准备工作。

先把node里有npm这个执行文件的目录设置为全局变量,然后在cmd控制台输入
  1. npm install nrm -g
复制代码
然后
  1. nrm use taobao
复制代码
这样就把npm的下载包的网站设置成国内的镜像网站了,下载包的速度会比以前快,抱歉之前忘了说了让你们下载包要等半天~
新建一个文件夹,进入这个新建的项目文件夹里在控制台输入
  1. npm init
复制代码
初始化一下 。屏幕上会出现许多的问题,就一直点回车,最后输入个y就行了。
Brueghel-tower-of-babel.jpg
babel是一个多编程语言翻译的包,圣经里记载:“在过去人类为了能直接上天堂,修建了一座通天塔,修到一半的时候上帝降临凡间来考察,结果一看人类智慧是伟大的,照这样修下去还真能通天。为了不让人类能顺利上天堂,上帝施放魔法,把原来所有人都用一种语言改成了有许多语言,结果人因为交流的障碍,通天塔没能完工。”这就比喻语言的障碍是相当厉害的。用babel就可以去除这种障碍。

在控制台输入
  1. npm install babel-cli --save-dev
复制代码
,然后新建.babelrc文件,这是babel的配置文件,在里面写入
  1. {
  2.         "presets":["es2015"]
  3. }
复制代码
在你新建的项目文件夹里找到package.json这个文件,打开后把script这个对象修改为
  1. "scripts": {
  2.     "test": "echo "Error: no test specified" && exit 1",
  3.     "build": "babel input --watch --out-dir output"
  4.   }
复制代码

然后在新建的项目文件夹里新建input和output两个文件夹,我们在input这个文件夹里新建个js类型的文件,然后写入以下代码:
  1. let letter=['a','b','c'],
  2.         newletter=[...letter,'mongo'];
  3. console.log('你好');
  4. console.log(newletter);
复制代码

为了翻译es6代码我们还要安装个插件,打开控制台在项目目录里输入
  1. npm install babel-preset-es2015 --save-dev
复制代码

继续在控制台输入
  1. npm run build
复制代码
程序就会一直挂起,你在output文件夹里就会找到跟input文件夹里相同的文件名,打开后就是你输入的代码翻译成普通的js代码的文件。

评分

参与人数 1鱼币 +4 收起 理由
小甲鱼 + 4

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-24 01:07

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表