箭头函数

  // 1.没有参数
  let log = () => '没有参数';
  // let log = function () {
  //   return 1111;
  // };
  console.log(log())

  // 2.一个参数
  let sum1 = a => a + 5;
  // let sum1 = function(a) {
  //   return a + 5;
  // };
  console.log(sum1(2))

  // 3.两个参数
  let sum2 = (a, b) => a + b;
  // let sum2 = function (a, b) {
  //   return a + b;
  // };
  console.log(sum2(2, 3))

  // 4.像函数表达式一样使用
  let age = prompt("你的年龄?", 18);
  let ageFun = (age <= 18) ? () => console.log('你还是个小朋友') : () => console.log("你是成年人了");
  ageFun(); // 现在好了

  // 5.花括号允许我们在函数中编写多个语句,但是我们需要显式地 return 来返回一些内容。
  let sum3 = (a, b) => { // 花括号表示开始一个多行函数
    let result = a + b;
    return result; // 如果我们使用了花括号,那么我们需要一个显式的 “return” 
  };
  console.log(sum3(1, 2));

面试题

    name = "李四"
    let obj1 = {
      name: '张三',
      getName1: (t) => {
        console.log(t)
        console.log(this) // window
        console.log(this.name)
      },
      getName2: function (t) {
        console.log(t)
        console.log(this) // obj1
        console.log(this.name)
      },
      getName3(t) {
        console.log(t)
        console.log(this) // obj1
        console.log(this.name)
      }
    }

    obj1.getName1('王五1');
    console.log('====================');
    obj1.getName2('王五2');
    console.log('====================');
    obj1.getName3('王五3');
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容