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

2021-03-11 20:06:03 阅读：166 来源： 互联网

对象属性的简写

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

标签：属性,console,name,let,字符串,简写,模板,log
来源： https://blog.csdn.net/zhangyiyang111/article/details/114678401

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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