
ES6
weixin_43343144
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript之ES6中解构原理及注意事项(数组和对象)
//ES6中的解构原理(常用类型): //数组解构://数组的元素是按次序排列的,变量的取值由它的位置决定;let [a,b,c] = [1,2,3];console.log(a,b,c) //结果为: 1,2,3; //对象解构变量同名(ES6中对象解构)://特别注意:对象的属性没有次序,变量必须与属性同名,才能取到正确的值。let {name,age}...原创 2019-01-04 12:07:47 · 1358 阅读 · 0 评论 -
Es6 类class的关键 super、static、constructor、new.target
参考:https://www.cnblogs.com/lmyt/p/7446800.html原创 2019-06-13 12:36:58 · 352 阅读 · 0 评论 -
JavaScript【含ES6】创建类的单实例的两种方法【类属性或闭包】
兼容ES5的方法【闭包:可以保存局部属性而不被销毁-推荐使用】/*** * 兼容ES5的方法:闭包【闭包的一个重要的特性就是可以保存局部属性不会被销毁】 * */// 程序一上来就会执行立即执行函数,返回一个函数赋值给uniqueInstance【内部的instance就永久保存在函数中】let uniqueInstance = (function f () { let i...原创 2019-06-13 11:51:26 · 556 阅读 · 0 评论 -
【非常重要】ES6的类的静态属性【类属性】定义方法【和其他语言都不一样】
参考es6的文档:http://es6.ruanyifeng.com/#docs/class原创 2019-06-13 11:39:41 · 1245 阅读 · 0 评论 -
论truffle-contract框架与Web3.js(1.0版本)之间的较量(由于ES6、nodejs和原生js的版本问题,太多坑了,足足搞了我三天才解决根本bug)
论truffle-contract框架与Web3.js(1.0版本)之间的较量总结了一下,出现了如下三大错误!这个三大错误问题的根本就是一个【truffle-contract库和Web3.js同时导入(注:原生js文件导入不影响)】同时导入,通过nodejs(require语句)或ES6(import)语句导入,会冲突打架,其实在truffle-contract框架已经使用require语句导入了...原创 2019-03-12 22:32:43 · 806 阅读 · 0 评论 -
Vue之ES6的import导入图片路径用法
<script> import img_index_path from '../../assets/img/index_1.png'; import img_myself_path from '../../assets/img/myself_0.png'; // 输出的路径是变化的:“/img/index_1.68c713f2.png” // 所以说...原创 2019-03-08 14:32:44 · 12396 阅读 · 0 评论 -
ES6(JavaScript)中,异步抓取数据的三种实现方法
const fs = require("fs");//文件读取返回一个promi对象!function readFile(filename) { return new Promise((resolve,reject) => { fs.readFile(filename,(err,data) => { ...原创 2019-01-06 18:52:35 · 612 阅读 · 1 评论 -
web编程前端必备的基础知识和框架!
初级部分 01.工具及前端介绍 课程介绍、软件安装;前端开发职业规划、分工合作、开发流程 网站工具使用(服务器搭建、FTP、SSH)等;如何发布自己的网站;项目管理工具 02.认识代码 h1~6、p、br、img、a、list等HTML标签的基本使用 字体、颜色、宽高、背景等CSS样式的基本使用 理解块和行内标签的区别、...原创 2019-01-06 15:23:29 · 568 阅读 · 0 评论 -
JavaScript(ES6)动态变量方法名(函数名)或动态变量属性名支持表达式运算!
//ES6中的 函数名也支持表达式运算!let aa = "method";let bb = "Test";let Person = class { constructor(name,age){ this.name = name; this.age = age; } [aa+bb]() { console.lo...原创 2019-01-06 14:43:44 · 9729 阅读 · 0 评论 -
ES6之扩展运算符用三个点号表示,功能是把数组或类数组对象展开成一系列用逗号隔开的值!
ES6中 三个点(...)运算符很牛逼的!//数组...运算符(展开)let array = [1,2,3,4,5,6];let arrayCopy = [...array];console.log(arrayCopy); //结果为:[1,2,3,4,5,6];console.log(...array); //数组支持外部这种展开!//对象.。.运算符(展开)let ...原创 2019-01-05 19:18:02 · 3385 阅读 · 0 评论 -
关于ES6转ES5 的 转码工具介绍对比分析(JavaScript)
ES6模块的转码浏览器目前还不支持ES6模块,为了现在就能使用,可以将转为ES5的写法。除了Babel可以用来转码之外,还有以下两个方法,也可以用来转码。强烈建议使用rollup转码工具,不仅可以转浏览器js,还可以转服务器nodejs,且简单高效,支持所有ES6语法!rollup转码工具(可以转浏览器和nodejs)比较简单:官方参考手册:https://www.npmjs.com/...原创 2019-01-05 14:32:30 · 497 阅读 · 0 评论 -
Requirejs之CMD模块化代码执行原理(基于浏览器的js模块化代码,服务器用nodjs即可)
Requirejs官方参考手册:https://requirejs.org/docs/api.html/*** require使用指南!* 第一步:建立一个符合Require CMD模块化的标准目录结构,去官方查看!* 第二步:在html文件中指定主js文件:<script data-main="./my_modules/app.js" src="./lib/re...原创 2019-01-05 14:27:35 · 485 阅读 · 0 评论 -
ES6(JavaScript)中的模块module如何正常运行(谷歌浏览器测试,有些浏览器不支持!)
关于ES6模块化的权威参考文档:https://www.w3cschool.cn/ecmascript/m6yz1q60.html浏览器使用ES6模块的语法如下。<script type="module" src="foo.js"></script>上面代码在网页中插入一个模块foo.js,由于type属性设为module,所以浏览器知道这是一个ES6模块。...原创 2019-01-04 18:25:24 · 6147 阅读 · 2 评论 -
JS(ES6)中this的四种用法
转载文章:https://www.cnblogs.com/pabitel/p/5922511.htmlJS(ES6)中this的五种用法1.在回调函数中使用this 不知道调用者是谁?//setInterval定时器函数中的回调函数,不知道最后是那个在调用,如果回调函数不用箭头函,那this就不知道是谁?let startObj = { init:function(){ ...原创 2019-01-04 14:40:30 · 2208 阅读 · 0 评论 -
【重磅干货】关于ES6的模块导入导出及Nodejs的模块导入导出及相互交叉导入导出的总结【import、module.exports、export、require之间的转换关系】
三、ES6 和nodejs 交叉导入导出【JavaScript最核心的地方,有坑,请注意】第一种情况:【ES6默认导出,而另外一个文件使用require导入】export default Vue;const VueWhat = require("Vue");这里实际导出的Vue=VueWhat.default【*****非常重要,很容易搞懵****】第二种情况:【ES6对象导出,而另外一个...原创 2019-06-24 14:33:32 · 725 阅读 · 0 评论