狙杀ES6之开光篇

前言

最近有很多小伙伴在后台留言说,闰土哥,是时候来一波干货了!(机智的你们似乎已经猜到我接下来要说什么了,哈哈~)。没错,今天闰土为大家带来了久违的干货文章,而且是一个系列的哦!(文章系列较长,请自备瓜子,水果,眼药水)

思前想后,我觉得分享干货一定要从基础开始。所谓“万丈高楼平地起”就是这个道理。如果大家看过我上一篇文章的话,应该知道我接下来要说的话了。自学前端,还是要以学习标准为主,框架次之。标准是不会被轻易推翻的,不夸张的讲,打好基础可以让你“一劳永逸”。而框架则存在太多变数,经常是你方唱罢我登场,如果一味去追求新潮流新框架,只会让你疲于应付。那什么是标准呢?标准就是本文的主角-ECMAScript2015(乳名ES6)。

既然是ES6系列文章,为何标题中会出现“狙杀”二字呢?难道又是一篇带有鸡汤性质的软文?各位看官别急,请听闰土慢慢道来。

其实,我完全可以规规矩矩的将文章系列标题取名为《走近ECMAScript2015之let与const命令》,对吧?但是我总感觉这样取名有点不妥,原因有二:

  1. 闰土不是一个生性安分的孩子;
  2. “狙杀”二字代表了我对自学前端的态度。

狙杀背景

既然是ES6的开光篇,我就先给大家扯扯闲篇。我自认为,现在的前端开发处于一个群雄逐鹿的动荡的年代,之前以sea.js,require.js等为首的旧派势力已经逐渐隐退江湖,而以angular.js,react.js,vue.js等前端新贵呈现出三足鼎立之势,而相对比较低调的ES6也在秣兵历马枕戈待旦,准备继承ES5的帝位,开创属于自己的未来。

大家都是大学刚毕业或者是刚从培训班出来的同学,对互联网行业抱有极大的热情,尤其是前端开发这个岗位。当你们刚开始接触前端,觉得前端要学的东西太多了,各种框架各种预编译工具让人眼花缭乱,感觉无从下手。你们当中一定有不少人在犯嘀咕,我到底怎么做才能从一名新手晋升为大佬呢?

闰土这里有本前端秘笈,可以让你在这个动荡的前端年代,实现弯道超车,追上前辈们甚至赶超。没错,首当其冲的基本功就是,一定要学好ES6(这里就不重复三遍了哈~)。

猎物出现

什么是ES6呢?按照阮一峰老师的话,ES6是JavaScript的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

用咱们的大白话就是ES6是JS的新标准,剑指未来。各大浏览器的最新版本,对ES6的支持可以查看kangax.github.io/es5-compat-table/es6/。随着时间的推移,支持度已经越来越高了,超过90%的ES6语法新特性,都实现了。像什么node.js和vue.js官方都推荐使用ES6来开发web应用。那么现在看来,学习ES6势在必行,如果你还没打算开始学习的话,可能你在工作中连你同学写的JS代码都看不懂了,因为人家很可能用的是ES6。

来碗鸡汤吧,骚年

但是,话说回来了,我们前端新人有的是热情,只要你指明了奋斗的方向。老铁们,如果我们想在互联网行业有所作为,想在前端领域成为像吕大豹,司徒正美一样的大神,为何我们不撸起袖子,大干一场?都说我们是七八点钟的太阳,未来属于我们,如果我们不拿出饿狼扑食的劲头来,那么未来永远只是未来。

最后

我们要像狮子一样,保持饥饿感,ES6就是我们眼中垂涎的猎物。希望每天清晨,我们看到的不仅有草原上肉食动物为了果腹不断的去追击猎物,更要看到还有无数的前端新人在朝着ES6进击,浩浩荡荡,去充实自己的技能树。

朋友们,让我们一起来“狙杀”ES6吧!

时间: 2024-12-30 18:22:11

狙杀ES6之开光篇的相关文章

ES6新语法之---函数扩展(7)

这节学习ES6中对函数新增的方法和属性. 1.新增函数的参数默认值 参考S6系列第二篇:http://www.cnblogs.com/diweikang/p/8976854.html 2.新增了函数的rest参数 参考ES6系列第二篇:http://www.cnblogs.com/diweikang/p/8976854.html 3.length属性 作用:获取函数预期传入的参数个数. 指定默认值后,length属性将返回没有指定默认值参数的个数. (function (a) {}).lengt

诗经 全文

诗经 全文 (带注释和译文) http://www.edu009.com/Article/HTML/Article_60756.html <诗经> 春秋·孔丘 <诗经>是我国第一部诗歌总集,先秦时代称为“诗”或“诗三百”,孔子加以了整理.汉武帝采纳董仲舒“罢黜百家,独尊儒术”的建议,尊“诗”为经典,定名为<诗经>. <诗经>现存诗歌 305 篇,包括西周初年到春秋中叶共 500 余年的民歌和朝庙乐章,分为风.雅.颂三章. “风”包括周南.召南.邶.鄘.卫.王

ES6学习一 JS语言增强篇

一 背景 JavaScript经过二十来年年的发展,由最初简单的交互脚本语言,发展到今天的富客户端交互,后端服务器处理,跨平台(Native),以及小程序等等的应用.JS的角色越来越重要,处理场景越来越复杂.在这个背景下,JS最初的简陋设计显然是不太够用的,其松散的语法规则,拗口的继承机制(传说中的6种继承方法),无命名空间,模块化,以及异步处理的回调地狱等等特性在开发过程中容易成为开发人员的各种痛点,各个JS框架比如jQuery,SeaJs,等等为了这些问题也是操碎了心.不过随着JS语言的发展

ES6 你可能不知道的事 – 基础篇

ES6 你可能不知道的事 – 基础篇 转载 作者:淘宝前端团队(FED)- 化辰 链接:taobaofed.org/blog/2016/07/22/es6-basics/ 序 ES6,或许应该叫 ES2015(2015 年 6 月正式发布),对于大多数前端同学都不陌生. 首先这篇文章不是工具书,不会去过多谈概念,而是想聊聊关于每个特性 你可能不知道的事,希望能为各位同学 正确使用 ES6,提供一些指导. 对于 ES6,有些同学已经在项目中有过深入使用了,有些则刚刚开始认识他,但不论你是属于哪一类

进阶路上有你我-相互相持篇之ES6里箭头函数里的this指向问题

首先复习下普通函数里的this指向: 1 function test(){ 2 console.log(this) 3 } 4 test() 你会秒杀的毫无疑问的回答:window,针对普通函数:谁调用了函数  函数里的this就指向谁,test()等价于window.test(),所以是window 1 var name="outername" 2 var o={ 3 name:"innername", 4 getname:function(){ 5 consol

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十六 ║ Vue前篇:ES6初体验 &amp; 模块化

缘起 昨天说到了<从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十五 ║ Vue前篇:JS对象&字面量&this>,通过总体来看,好像大家对这一块不是很感兴趣,嗯~~这一块确实挺枯燥的,不能直接拿来代码跑一下那种,不过还是得说下去,继续加油吧!如果大家对昨天的小demo练习的话,相信现在已经对JS的面向对象写法很熟悉了,如果嵌套字面量定义函数,如何使用this关键字指向.今天呢,主要说一下ES6中的一些特性技巧,然后简单说一下模块化的问题,好啦,开始今天的讲

深入理解javascript函数系列第四篇——ES6函数扩展

× 目录 [1]参数默认值 [2]rest参数 [3]扩展运算符[4]箭头函数 前面的话 ES6标准关于函数扩展部分,主要涉及以下四个方面:参数默认值.rest参数.扩展运算符和箭头函数 参数默认值 一般地,为参数设置默认值需进行如下设置 function log(x, y) { y = y || 'World'; console.log(x, y); } 但这样设置实际上是有问题的,如果y的值本身是假值(包括false.undefined.null.''.0.-0.NaN),则无法取得本身值

JS篇 ES6新特性

注意: 1. Node环境下,--harmony参数启用ES6新特性,许多新特性只有在strict mode下才生效,因此使用"use strict"或者--use_strict,否则harmony没有被启用: 1. 块级作用域(Block scope) // Block scope function f1(){ console.log("Outside."); } (function(){ if(false){ // f1定义在if {}之内 function f

ES6之路第四篇:数值的扩展

二进制和八进制表示法 ES6 提供了二进制和八进制数值的新的写法,分别用前缀0b(或0B)和0o(或0O)表示. 1 0b111110111 === 503 // true 2 0o767 === 503 // true Number.isFinite(),Number.isNaN() ES6 在Number对象上,新提供了Number.isFinite()和Number.isNaN()两个方法. Number.isFinite()用来检查一个数值是否为有限的(finite),即不是Infini