ES6的新增事项
在新的es6中新增加的几条特性为前端的书写提供了更好的便利性:
1.首先是let和var,var在之前的版本中有几个重大的问题:
1.混淆全局变量,当定义变量后变量会出现在windows中。
var fun = "w"; //定义变量fun fun //显示数据w window.fun //显示数据w
2.变量提升,在函数或者代码快中定义变量的时候,调取var变量的时候
var name= 'rbq';
if (name){
console.log(name)
}else{function(){
var name = 'w'
}}
// 显示数据 undefined
// 这是由于变量提升导致的原因,在代码快中数据会被升级为全局变量,而函数调取的数据会先从当前函数内部调取,当代码块中没有var函数的时候将在全局中寻找,
当拥有且在console.log之前则会显示,之后则会出现被站位的现象,从而出现undefinde
3.重复申明,当相同的变量名被多次使用时将会出现覆盖现象,只会选取最后一次的数据
2.let的特性在代码块中都是局部做用,并且党数据重复使用的时候回出现报错的情况;
3.count 设置常量,设置的常量是全局的常量,
4.变量的解构:
类似于python中的,变量赋值
var x,y,z = [1,2,3]
x // 1
y // 2
z // 3
5.字符串和模板字符串。
1,字符串的新增的三个指令,includes,返回布尔值,用来判断是包含某元素。
var name = 'okkkkk'; var look = 'ok'; name.includes(look): //true
2.startswith:判断是是否以什么什么为开头
3.endswith:判断是否以什么为结尾
4.模板标识符,利用${}的方式表示获取参数
var name = 'zhazhahui';
`my name is ${name}`
// my name is zhazhahui
6.函数
1.箭头函数,箭头函数在基本函数的基础上进行了简单的改变:
var k = function(){
console.log(this)
}
//这是一个加单的函数
在其基础上
var l = ()=>{
console.log(this)
}
//这两种写法效果相同
//但是箭头函数指向的都是外层的变量,使用this时将会调用window中的变量
7.面向对象和异步编程

浙公网安备 33010602011771号