javascript es6新语法

es6 一些新的语法与用法

1: let新的方式定义变量 相比于之前的var声明变量 有两个好处
1.1 : 之前用var 定义变量 只有函数才会起到作用域的左右 在{ } 对象这样的作用域里面不起左右 而用let则会在{ } 里面也会开启一个作用域
1.2 : 没有变量的提升

2: const 定义常量 (常量一旦声明 不可重新赋值)
2.1 : 也没有变量的提升
2.2 :在定义常量的时候 必须初始化赋值 否则会报错
const a console.log(a); // undefine
const b = 10; console(b) // 10

3: 解构赋值 意思就是把某个对象的属性 “解放”出来 然后就可以直接当做变量来使用
3.1 : 例如我声明一个对象
const person = {
name : ‘zs’,
age : 17,
gender : ‘男孩子’
}
如果需要把变量名重新改个名字 直接用" : " 就可以了

现在我就可以直接使用我这些变量了
console.log(name) // zs
注意: 我这里是用常量定义的 这些变量不可重新赋值 如果需要重新赋值,可以使用 var 或者 let 定义变量

4:字符串的扩展
4.1 : 模板字符串用来拼接字符串
举个例子 : 我这里定义一个对象 想把对象的值赋给表格里面去 如果用传统的字符串拼接的方式 会很麻烦 也不利于维护代码 只是了解一下把 因为我们真正的看法用到ajax 有template 用简介语法会比这个更加方便

这是定义的一个对象,我们来对比一下传统的拼接与模板字符串

这是传统的拼接方式,需要用+号跟引号来拼接 非常的繁琐

这里用到了模板字符串 反引号 只需要一个反引号 换行也不需要用+号拼接 用${}循环遍历对象里面属性,这样看起来更加直观
4.2 : 两个方法 用来判断是否是以某某字符开头或者结尾 我们之前如果需要判断的话 一般是用indexOf 来判断 返回的是数字
在es6中新增了两个方法 startsWith() 与 endsWith() // 注意 后面有个s 没看清的话很容易犯错
方法里面的值填写需要判断的字符串 返回的结果是bool值 这样的结果相比返回数字更加的直观 用 “舒服”两个字来表达也不为过
直接上个简单的例子元
let str = ‘javaScript’;
console.log(str.startsWith(‘java’)) // true 我写个java是不是有点点…
console.log(str.endsWith(‘pt’)) // true

好啦 暂时就先更到这里 … 如果有在长沙的小伙伴 喜欢钻研新的技术可以互相交流交流

猜你喜欢

转载自blog.csdn.net/hc2018/article/details/83151681
今日推荐