一,箭头函数
//1,无参数函数:ES5写法
function getGreeting1() {
return 'Welcome to JavaScript1';
}
//2,无参数函数:ES6新写法
const getGreeting2 = () => {
return 'Welcome to JavaScript2';
}
//3,有参数函数:ES5写法
function Greeting4(a) {
return <Text>{a.greeting}</Text>;
}
//4,无参数函数:ES6新写法
const Greeting5 = (b) => {
return <Text>{b.greeting}</Text>;
}
//5,可以通过.或者[]来进行设置参数,调用处用字典形式访问
const Greeting6 = (c) =>
<Text>{c['greeting']+c.bbb}</Text>
二,模板字面量
模板字面量是增强版的字符串,它用反引号(`)标识,可以输出换行
// 1,传统拼接字符串方法:使用+形参
function getGreeting5(what) {
return 'Welcome to ' + what;
}
// 2,模板字面量:反引号和 ${}来插入 JavaScript 原语
function getGreeting6(what) {
return `Welcome to ${what}`;
}
// 3,同时拼接多个字面量
function upper(s) {
return s.toUpperCase();
}
var who = "reader";
var text = `
A very ${upper("warm")} welcome
to all of you ${upper(`${who}s`)}
`;
console.log(text);
}