Es6新特性学习

AlphaWallet 发布于2019-08-23 13:44 / 1684人阅读

摘要：基础语法变量提升都可以个难点在编译时执行并没有报错，执行结果如图注意结果没有变更改结果值变了参考新特性未完一直更新

基础语法

变量提升

//es5
var arr = [];
for(var i=0; i<5; i++){
    (function (i){
        arr.push(function (){
            console.log(i)
        })
    })(i)
}
arr[1]()  // 0
arr[2]()  // 1
arr[3]()  // 2
//es6
var arr = [];  // let arr = [] 都可以
for(let i=0; i<5; i++){
    arr.push(function (){
        console.log(i)
    })
}
arr[0]()  // 0
arr[1]()  // 1
arr[2]()  // 2

10个JavaScript难点

import在编译时执行

//profile.js
export var param = [1,2,3];
//index.js
console.log(param);
import {param} from "./profile";
//并没有报错，执行结果如图

module注意

//lib.js
var counter = 3;
function incCounter() {
  counter++;
}
module.exports = {
  counter: counter,
  incCounter: incCounter,
};
//main.js
var mod = require("./lib");
console.log(mod.counter);// 3
mod.incCounter();
console.log(mod.counter);// 3 
//结果没有变

更改lib

var counter = 3;
function incCounter() {
    counter++;
};
module.exports = {
    get counter(){
        return counter;
    },
    incCounter:incCounter
};
//结果counter值变了

参考

Es6新特性

未完【一直更新】

GPU云服务器云服务器 ES6 es6-系列 ES6入门 es6 js

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

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

Jdk1.8新特性学习（Optional）

摘要：它的出现是为我们解决空指针异常的，以前我们写代码如果不进行判断，会经常出现异常。因为它本身就是个对象，不管放进去的对象为不为，始终不会返回，所以你也不需要在你的业务流程中进行一大堆的判断，避免了程序运行时的空指针异常。想必大家已经在使用jdk1.8做项目开发，但是你对于它里面的一些性特性了解多少呢？有没有在你的项目中运用呢？现在就和我来一起梳理一下吧。介绍它是java.util包...

liaosilzu2007 2019-08-19 11:33 评论0 收藏0
CSS3新特性学习

摘要：引言最近发现很多的新特性不熟悉，所以今天把它们都学习一边，做出效果加深印象，说到还加了蛮多的特性，像一些的一些效果，动画属性等。引言最近发现很多css3的新特性不熟悉，所以今天把它们都学习一边，做出效果加深印象，说到css3还加了蛮多的特性，像一些border的一些效果，动画属性animation trasiform等。 1.border-radius（边框圆角）效果 showI...

wing324 2019-08-29 12:31 评论0 收藏0
Java8新特性学习笔记

摘要：虽然目前工作环境仍然以为主，不过目前已是大势所趋了。标准函数式接口新的包定义旨在使用的广泛函数式接口。这一改进使得拥有了类似于多继承的能力。从Java8发布到现在有好几年了,而Java9也提上发布日程了(没记错的话好像就是这个月2017年7月，也许会再度跳票吧，不过没关系，稳定大于一切，稳定了再发布也行)，现在才开始去真正学习，说来也是惭愧。虽然目前工作环境仍然以Java6为主，不过...

wthee 2019-08-15 10:46 评论0 收藏0
[ ES6 ] 一. ECMAScript 6 相关学习资源

摘要：浏览器兼容性列表可以看到还是全线飘红的和支持特新列表据此在和上使用这些新特新待补充二相关教程最重要的产品规格书，什么教程也脱离不了这里的标准，英文好的还是多看点。一. ES6新特性相关 es6features : 经典的ES6新特性预览，github 逼近 10k star . ES6新特性概览：同样也很全面的特性介绍的中文版。浏览器兼容性列表：可以看到还是全线飘红的~~~ ...

Towers 2019-08-21 10:40 评论0 收藏0
JDK 1.8 新特性学习（Stream）

摘要：会在数据源内部隐式的遍历进行处理。会并行遍历数据，将数据分成若干段，同时进行处理，最终汇总结果一起输出。结束操作会触发实际计算，计算发生时会把所有中间操作积攒的操作以的方式执行，这样可以减少迭代次数。为函数式编程而生。 Stream实现了对数据源的流式处理，它可以并行操作，提高数据处理效率。什么是流流不是集合，它不对数据做保存，只是最数据进行算法处理，比如最大值，最小值，排序等操作...

yhaolpz 2019-08-19 11:33 评论0 收藏0