ECMAscript6(ES6)新特性语法总结(一)
ES6/ES2015,,在ES5的基础上扩展了很多新的功能,在使用的时候要慎重,因为有一部分js代码在部分浏览器是不兼容的,但是所有写在服务器端的代码基本上都支持ES6的写法.
新特性:
一.开启严格模式
在函数的第一行加上"use strict"字符串,如果需要整个js代码中开启,就在js第一行加上这一段字符.
设置"严格模式"的目的,主要有:
- 清除javascript语法的一些不合理,不严谨之处,减少怪异行为
- 清楚代码运行的一些不安全之处,保证代码运行的安全.
- 提高编译效率,增加运行速度
- 为未来新版本的javascript做好铺垫.
注意:
在正常模式下可以直接使用为未声明的变量 严格模式不行
name="jhon"; console.log(name);//输出jhon
在正常模式下一个方法可以有很多个同名参数 严格模式不行
function fn(aa,aa,bb){ return aa+aa+bb; } console.log(fn("11","22","33")); //输出222233
二.定义变量使用let(类似var)
javascript中的var:
- var声明的变量会有变量提升
- var没有块级作用域
- var可以多次重复定义一个变量
这些声明在后天开发语言是不允许的,为了规范变量的声明ES6退出了新的关键字let代替var的声明变量.
let的特点:
- let声明的变量不会有变量提升
- let存在块级作用域
- let不能多次重复定义变量
三.定义常量const
常量是指不会改变的数据.
常量const的特点:
- 值不能再改变
- 常量具有块级作用域
- 不要在块级作用域中声明常量
- 没有变量提升,要先声明后使用
- 不可以声明同名的常量
- 一定要赋初始值,否则会报错
- 如果声明的是常量是一个对象,只要对象的地址不改变,其内部的属性可以改变
四.字符串的扩展
如果要判断字符串”hello word”中是否存在”word”,用字符串中的方法只有indexOf,在ES6中又为我们提供了其它的方法:
- includes()->返回布尔值,用于判字符串是否包含某些字符串
- startsWith()->返回布尔值,用于判断字符串是否以某些字符开头
- endWith()->返回布尔值,用于判断字符串是否以缪谢字符结尾.有两个参数(字符串,数值)->("o",3)用于判断下标3的字符串是否是"0".
- repeat()->传入一个数字,将字符串重复数字对应的次数返回.
注意:传入的是正小数,数字会被向下取整;传入字符串类型的数值("5"),可以,传入("5a")不可以当空处理;不能传入负数.
五.模块语法:"模块字符串"
结构:`模板内容${code}`
注意:code可以是变量,方法名,js表达式
1 //变量 2 let name='jack'; 3 let temp=`我叫${name}`; 4 //temp==>我叫jack 5 6 7 //表达式 8 let a=1; 9 let b=1; 10 let temp=`a+b的和是$(a+b)`; 11 //temp==>2 12 13 //方法 14 function getName(){ 15 return 'jack'; 16 } 17 let temp=`我叫${getName()}`; 18 //temp==>jack
六.箭头函数 0=>{}
为了方便书写,es6规定了一种新的写法来简化匿名函数:去掉function改为=>,结构为()=>{}
过程一:去掉function关键字
arr.each(function(m,n){
console.log(n)
});
得到:arr.each((m,n)=>{console.log(n);});
过程二:如果只有一句代码可以去掉大括号和return关键字
得到: arr.each((m,n)=>console.log(n));
过程三:如果参数只一个,可以将参数中的小括号去掉。
得到: arr.each(n=>console.log(n))
过程四:如果代码只有一句,并且代码中return,可以去掉return.
得到: arr.sort((n,m)=>n-m);
注意:箭头函数没有固定的写法,它是根据当前方法的参数和方法的返回值来的
箭头函数中this指向问题:
箭头函数没有自己的this,函数体内部写的this,会顺着作用域去找最近真实存在的this。
箭头函数内部的this是定义时所在的对象,而不是使用时所在的对象,并且不会改变。
- 箭头函数不能作为构造函数
箭头函数中不存在arguments,箭头函数中的argument指向的是外层的arguments.
未完,待续...
转载于:https://www.cnblogs.com/xiaoyun1121/p/6067367.html
ECMAscript6(ES6)新特性语法总结(一)相关推荐
- lsdyna如何设置set中的node_list_如何快速掌握es6+新特性及核心语法?
国庆刚刚结束,我们开始一波新的学习进程吧. ECMAScript 6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了.作为前端必备技能,我们来快速开始吧 接 ...
- 一文快速掌握 es6+新特性及核心语法
首先先祝各位节日快乐,好好去体验生活的快乐,在假期最后一天里,祝大家收获满满,同时抓住假期的尾巴,收割实用技能. 接下来我会总结一些工作中常用也比较核心的es6+的语法知识,后面又要慢慢开始工作之旅了 ...
- ES6新特性(部分语法)
ES6新特性 文章目录 ES6新特性 1.0let关键字 1.1let小案例 1.2const关键字 1.3解构赋值 1.4模板字符串 1.5简化对象写法 1.6箭头函数 1.7箭头函数的案例 1.7 ...
- ES6新特性之了解ES6以及其发展历史
ES6 新特性 现在使用主流的前端框架中,如ReactJS.Vue.js.angularjs等,都会使用到ES6的新特性,作为一名高级工程师而言,ES6也就成为了必修课,所以本套课程先以ES6的新特性 ...
- javascript ES6 新特性之 扩展运算符 三个点 ...
对于 ES6 新特性中的 ... 可以简单的理解为下面一句话就可以了: 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中. 作用类似于 Object.assign() ...
- 尚硅谷es6新特性笔记
尚硅谷es6新特性笔记 一.let与const let的变量声明以及声明特性 const的变量声明以及声明特性 const.let.var 三者之间的区别 二.变量解构赋值 三.模板字符串 四.对象的 ...
- ES6新特性----面试
ES6新特性 关键字 let关键字 const关键字 解构赋值 变量的解构赋值 数组的解构赋值 对象的解构赋值 字符串的解构赋值 数值和布尔值的解构赋值 函数参数的解构赋值 用途 模板字符串 箭头函数 ...
- ES6新特性16-Class
ES6新特性16-Class 文章目录 ES6新特性16-Class 一.Class介绍和初体验 二.class静态成员 三.构造函数继承 四.子类对父类方法的重写 五.get和set 一.Class ...
- ES6新特性总结(2)解构赋值、模板字符串、Symbol
ES6新特性总结(2)解构赋值.模板字符串.Symbol 1 解构赋值 1.1 Spread / Rest 操作符 1.2 数组的解构 1.3 对象的解构 1.4 解构的默认值和参数的解构 2 模板字 ...
最新文章
- 在C#中应用哈希表(Hashtable)
- 你真的了解OKR吗?
- C++_泛型编程与标准库(八)
- ORACLE11g中创建裸设备
- UVa455 Periodic Strings(kmp)
- docker in all
- oracle定时任务会漂移,定时任务与手动执行脚本时的一个重要注意事项
- 外星人台式电脑_执掌游戏世界 外星人ALIENWARE m15丨17.9mm机身轻悍降临【电脑组装】公众号分享台式机笔记本电脑 京东商城特惠通道...
- 《走着瞧》:另类的知青电影
- ZZULIOJ 1095: 时间间隔(多实例测试)
- (2)树莓派挂载外部硬盘
- html page背景图片,html – Fullpage.js背景图片
- Unity3D AssetBundle相关
- 适配器模式 Adapter Pattern
- 三菱FX5U rtu方式通讯两台施耐德ATV320变频器
- ORID方法在敏捷中的利用
- python基础练习题1(12题)
- 华为机试题(Python)
- python 双精度浮点_Python双精度浮点数运算并分行显示操作示例
- 步进电机基础(6.2)-步进电机的特性测量方法-动态特性的测量法和步距角度精度的测量
热门文章
- CentOS 6.8 安装JDK8
- [李景山php]每天TP5-20161225|thinkphp5-Console.php-2
- Ansible 入门:安装 简例 playbook应用
- 从Exchange 通往Office 365系列(十二)发布Outlook Anywhere
- 对话框下的菜单使用setCheck
- 关联映射 一对多 实验心得_使用影响映射来帮助您的团队进行实验
- firefox 开源_Firefox 10岁了,Microsoft开源了更多,等等
- 开源 数据查询 工具_6个用于数据新闻的开源工具
- 前端:HTML/02/排版标记,块元素,行内元素,html字符实体,列表标记,图片标记
- c 5.6 mysql 配置文件_MySQL 5.6 5.7最优配置文件模板(my.ini)