ES6--基础语法(一)
一、支持环境:node.js完全支持,标准浏览器完全支持。
二、测试环境:
chrome下需要在script标签的最先开始的地方需要添加"use strict"。
firefox下需要在script标签的type="application/javascript;version=1.7"。
三、基本语法:
1.变量let:
1.不能重复申明变量(var 可以)。
2.没有预解析的过程。(var 有)。
console.log(a);var a = ;//console.log();undefined; let会报错。
3.块级作用域的使用{ //块级作用域;代码块}
{//从代码块的开始到申明的这段区域----暂存死区
let a = 2;
console.log(a);//可以访问;
}
console,log(a);//不可以访问。
应用:输出0-9;的数字;
for(var i = 0;i < 10;i++) {
setTimeout(function() {
console.log(i);//会输出10次10,
});
}
for(let i =0; i < 10;i++) {
setTimeout(function() {
console.log(i);
});//0-9;
}
for(var i = 0; i < 10;i++) {
(function(i) {//闭包函数(自执行函数),循环一次执行一次,相似一{}块级作用域。
setTimeout(function() {
console.log(i);
});
})(i);
}
2、常量const:不变的量。常量保存值的时候不能改变,保存的是一个对象的时候可以改变。
const a = 2; a=5;//会报错。
const b = { name = "assassion" };
b.name = "seafuwg";//对象的话可以修改。
3、解构赋值:es6 允许按照一定的规则,从数组和对象中取值,对变量赋值。(目前firfox支持词语法,chrome低版本不支持)
3.1 数组:按照顺序赋值。
var arr = [1,2,3];
var [a,b,c] = arr;
console.log(a);//
//eg: 值的交换
let x = 2;
let y = 3;
let [x,y] = [y,x];
3.2 对象:是按照键的名字赋值;方便从对象中取值,值的交换等
let obj = {
fn : function() {},
name : "assassion",
arr : [],
obj1 : {}
};
let {fn,name,obj1} = obj;
console.log(fn,name,obj1);
4.字符串的扩展
4.1对一些特殊汉字,及表情的支持占四个字节的长度
var a1 = "ES6--基础语法(一)的更多相关文章
- ES6基础语法
1. 什么是ECMAScript ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association ...
- 从零开始学 Web 之 ES6(五)ES6基础语法三
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
- 前端es6基础语法
1.let.const.var var是声明全局的变量,作用域是全局,const是声明全局的常量,不能修改,而let是块级变量只在当前声明的作用域中生效: { var a = 10; let b = ...
- 从零开始学 Web 之 ES6(四)ES6基础语法二
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
- 从零开始学 Web 之 ES6(六)ES6基础语法四
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
- (三)ES6基础语法。。。freecodecamp笔记
ECMAScript6 ECMAScript 是 JavaScript 的标准化版本,它旨在统一语言的规范和功能.所有主流的浏览器或者 Javascript 的运行环境都支持这个规范,因此 ECMAS ...
- es6 基础语法
var c= 1 <!--都不能预解析-->let a = 1//const不能修改变量const b = 1 箭头函数 =>var c = function fun(a, b) { ...
- Vue(1)- es6的语法、vue的基本语法、vue应用示例,vue基础语法
一.es6的语法 1.let与var的区别 ES6 新增了let命令,用来声明变量.它的用法类似于var(ES5),但是所声明的变量,只在let命令所在的代码块内有效.如下代码: { let a = ...
- ES6开发环境准备及基础语法
ES6开发环境准备及基础语法 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一. 二. 三.
- ECMAScript简介以及es6新增语法
ECMAScript简介 ECMAScript与JavaScript的关系 ECMAScript是JavaScript语言的国际化标准,JavaScript是ECMAScript的实现.(前者是后者的 ...
随机推荐
- Bayes++ Library入门学习之熟悉class-Importance_resampler
接下来,需要介绍的是重要性重采样类Bayesian_filter::Improtance_resampler.该类实现了两种重采样方法[1][2],和其子类的继承关系图如下: 其中Standard_r ...
- Mojo Associated Interfaces
Mojo Associated Interfaces yzshen@chromium.org 02/22/2017 Background Before associated interfaces ar ...
- iOS下调用元素的focus方法,input元素不聚焦,键盘不弹起的问题
页面元素 <input type="text" ref="elInput"/> <div style="margin-top:20p ...
- ArcGIS api for javascript——查询没有地图的数据
描述 本例展示了用户能够从没有显示服务的地图服务查询数据.大部分地图服务包含属性信息的数据集,数据集能够被查询并显示在一个简单的列或表格里. 本例按提供的州名称查询USA人口普查数据,然后显示关于州的 ...
- KVM硬件辅助虚拟化之 EPT in Nested Virtualization
在嵌套虚拟环境(Nested Virtualization)下,执行在hypervisor上的Virtual Machine仍能够作为hypervisor去执行其他的Virutal Machine,而 ...
- HackingTeam重磅炸弹: 估值超1000万美金带有军火交易性质的木马病毒以及远控源代码泄露
[简单介绍] 经常使用网名: 猪头三 出生日期: 1981.XX.XX 个人站点: http://www.x86asm.com QQ交流: 643439947 编程生涯: 2001年~至今[共14年] ...
- cocos2d-x 2.2.0 怎样在lua中注冊回调函数给C++
cocos2d-x内部使用tolua进行lua绑定.可是引擎并没有提供一个通用的接口让我们能够把一个lua函数注冊给C++层面的回调事件. 翻看引擎的lua绑定代码,我们能够仿照引擎中的方法来做. 值 ...
- QString::toStdString() crashes
今天在Qt中开发程序时,遇到一个QString::toStdString()的内存问题,用法如下: void test(const QString& theFileName) { std::s ...
- try/catch的用法
1.try/catch用法基础介绍 try { //程序中抛出异常 throw value; } catch(valuetype v) { //例外处理程序段 } 语法小结:throw抛出值,catc ...
- Python学习笔记 capture 1
最近开始学习Python3.x,真的感觉Python的语法与C++,Java有很大的不同,Python从某些方面来说语法更简单.Python作为一种解释性语言和编译型语言如C++来说,还是各有千秋的. ...