首页 > 其他 > 详细

ES6中的反引号、对象拓展运算符、箭头函数的使用

时间:2021-04-20 21:01:35      阅读:13      评论:0      收藏:0      [点我收藏+]

ES6中的反引号、对象拓展运算符、箭头函数的使用

//反引号``的用法
// 1.使用``符号实现换行
    let string=`hello,
    es6`;
    console.log(string);


//2.在``符号里面使用表达式获取变量值
    let name=‘JH‘;
    let age=‘20‘;
    let info=`我的名字是${name},我今年${age}岁`;
    console.log(info);

//3.在``中调用方法
    function t1(){
        return "方法被调用!"
    }

    let test=`${t1}`;
    console.log(test);



//对象拓展运算符
//1.对象复制
let p1={"name":"JH","age":"30"};
let p2={...p1};
console.log(p2);
//2.对象合并
let Pname={name:‘Y‘};
let Page={age:21};
let person={...Pname,...Page};
console.log(person);


//箭头函数
/*  
方法名 = 参数 =>返回值  
注意:箭头函数没有参数或者多个参数时,要用括号()括起来
函数体有多行语句时用{}包裹,只有一行时可以省略{},结果自动返回
箭头函数多用于匿名函数的定义
*/
var f1=(a,b) =>{
    let res=a+b;
    return res;
}
console.log(f1(1,1));


var f2=(a,b) => a+b
console.log(f2(2,2));

结果为:

hello,
es6

我的名字是JH,我今年20岁

function t1(){
return "方法被调用!"
}

{name: "JH", age: "30"}
{name: "Y", age: 21}

2
4

ES6中的反引号、对象拓展运算符、箭头函数的使用

原文:https://www.cnblogs.com/jiehao-yu/p/14682051.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!