对象属性的简写+模板字符串

对象属性的简写

​ 在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);