首页 > 技术分享 > JavaScript
收藏

ES6新特性之速写和模板字符串

06/30 11:24
大潇博客 原创文章,转载请标明出处

速写属性、速写方法:

ES6之前:

var name = '小明';

var age = 20;

var sex = '男';


//旧写法

var person = {

    name: name,

    age: age,

    sex: sex,

    sayHello: function(){

        console.log('你好');

    }

}

console.log(person)

person.sayHello();

ES6可以使用简写方式:

//ES6语法,速写属性,速写方法

//语法糖,没什么实质改变,只是语法变得简单

var person = {

    //速写属性

    name,

    age,

    sex,

    //速写方法

    sayHello(str){

        console.log('你好'+str);

    }

}

console.log(person)

person.sayHello('世界')


模板字符串:

var person = {

    name: 'Lisa',

    age: 20

}

//旧写法

str1 = "my name is " + person.name + "\nmy age is " + person.age;

console.log(str1);


//ES6语法

str2 = `my name is ${person.name}

my age is ${person.age}`;

console.log(str2)

对比上面的两种写法:

1、ES6之前字符串使用单引号或双引号,ES6使用返单引号

2、ES6之前拼接变量需使用加号“+”,ES6直接在反单引号内使用 ${变量名}

3、ES6之前换行需使用“\n”,ES6可直接在字符串中换行,无需借助其它,页面即可识别


打赏

阅读排行

大家都在搜

博客维护不易,感谢你的肯定
扫码打赏,建议金额1-10元
  • 15601023311