51_RN笔记9_箭头函数，模板字面量

一，箭头函数

//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);
}