对象属性的简写
在ES6中新增了对象属性和方法的简写方式 他是ES6新语法 大大简化ES6的对象语法模式
1.属性的简写
属性的简写 : 当属性的值是一个标识符的时候 属性名和属性值保持一致的情况下 我们可以省略其一
let name = "admin";
let age = 18;
let sex = '男';
let address = '吉林长春';
// 定义一个对象
// let obj = {
// name : name,
// age : age,
// sex : sex
// }
// 对象属性的简写
let obj = {
name,
age,
sex,
address
}
console.log(obj);
2.方法的简写
方法的简写 : 省略function 直接使用方法名 然后形参列表
// 方法的简写
let obj1 = {
name : 'Eric',
say : function () {
console.log(this);
}
}
let obj2 = {
name,
say(){
console.log(this);
}
}
console.log(obj1);
console.log(obj2);
obj1.say();
obj2.say();
模板字符串
模板字符串是ES6中新增的语法解构 主要的作用是处理字符串拼接问题 和引号嵌套问题
在ES5中 定义字符串有两种方式 单引号和双引号 但是单双引号嵌套的时候 比较麻烦
在ES6中 我们可以使用反引号`` 声明字符串 但因引号在反引号中可以随意嵌套
因为单双引号在反引号中只是普通的字符 不能再作为引号使用
在末班字符串中 我们可以识别标识符 使用${标识符}
// let str1 = '截至3月10日09时,全国累计报告"确诊病例"102126例,现有确102152诊病例469例,境外输入5104例;海外现有确诊病例25002193例。'
let str1 = `你好 世界`;
console.log(str1);
let str2 = `截至3月10日09时,全国累计报告"确'诊"病"'例"10'2"1'2"6例,现有确102152诊病例469例,境外输入5104例;海外现有确诊病例25002193例。`;
console.log(str2);
// 识别标识符
let obj = {
name : '水经注',
price : 88.88,
page : 1300,
author : '郦道元'
};
let {name,price,page,author} = obj;
let str = `推荐一本${author}水利工程的书籍,名字叫做${name},一共${page}页,价值${price}元`
console.log(str);