美文网首页
js函数&箭头函数

js函数&箭头函数

作者: pengkiw | 来源:发表于2020-06-21 12:54 被阅读0次

1⃣️ 函数前提

//函数预定义 会将函数前提
console.log(sum(3, 4)) //  7
function sum(x, y) {
    return x + y;
}
console.log(sum(3, 4)) //  ReferenceError: Cannot access 'sum' before initialization
let sum = function(x, y) {
    return x + y;
}

2⃣️ 箭头函数
1)this 指向定义时所在的对象,而不是调用时所在的对象

2)不可以当作构造函数

function People(name, age) {
    this.name = name
    this.age = age
}
let p1 = new People('kiw', 18);
console.log(p1)  //People {name: "kiw", age: 18}
let People = (name, age) => {
    this.name = name
    this.age = age
}  
let p1 = new People('kiw', 18); //TypeError: People is not a constructor
console.log(p1)

3)不可以使用arguments对象

let sum = (x, y) => {
   console.log(arguments) // ReferenceError: arguments is not defined
   x + y;
};

相关文章

  • 箭头函数和普通函数的区别

    定义 变量提升 由于 js 的内存机制,箭头函数需要先定义后调用 构造函数 箭头函数作为匿名函数,不能作为构造函数...

  • ES6箭头函数简介

    @(JS技巧)[ES6|箭头函数] ES6箭头函数(Arrow Functions) ES6可以使用“箭头”(=>...

  • js函数&箭头函数

    1⃣️ 函数前提 2⃣️ 箭头函数1)this 指向定义时所在的对象,而不是调用时所在的对象 2)不可以当作构造函...

  • [JS函数] 箭头函数

    箭头函数 箭头函数就相当于匿名函数 使用方法和匿名函数相同。注意返回一个对象的时候加上()。对象的{}可能会与函数...

  • [译]JS箭头函数三连问:为何用、怎么用、何时用

    [译]JS箭头函数三连问:为何用、怎么用、何时用在现代JS中最让人期待的特性就是关于箭头函数,用=>来标识。箭头函...

  • Js 箭头函数

    当初学者进行学习的时候总会看到=>这种写法 其实它是ES6标准新增了一种新的函数:Arrow Function(箭...

  • js箭头函数

    箭头函数的作用:1.缩减代码量,2.this在代码块{}中是全局作用域 1.无参无返回值 语法: let/co...

  • JS箭头函数

    箭头函数的作用域是和定义这个箭头函数的父级上下文绑定在一起的匿名函数的作用域是和定义匿名函数的上下文绑定在一起的 ...

  • JS箭头函数

    查看MDN中更详细的文档 箭头函数 箭头函数表达式没有自己的this,arguments,super或new.ta...

  • JS函数和箭头函数

    函数的声明和调用 函数定义可以使用“function”关键字,代码函数头和函数体组成,函数头可以由函数名和参数列表...

网友评论

      本文标题:js函数&箭头函数

      本文链接:https://www.haomeiwen.com/subject/wynoxktx.html