欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js创建函数的三种方式、区别

程序员文章站 2022-04-05 12:51:10
...

创建函数

// 1、函数声明语法

function sum (val1,val2) {
    return (val1+val2);
 };

// 2、函数表达式

 let sum = function(val1,val2) { return (val1 + val2)}

// 3、构造函数

  • 接收多个参数,最后一个函数默认是函数体
  • 不推荐,会解析两次。第一次是解析常规ECMAScript代码,第二次是解析传入构造函数中的字符串,性能损耗。不推荐
var sum = new Function('val1','val2','return (val1+val2)')

注意

// 注意:函数声明,和函数表达式也不尽相同(浏览器解析的时候不同) 函数声明会有提升,函数表达式不会有提升

  console.log(sum(8,9)) //17
 function sum (val1,val2) {
    return (val1+val2);
 };
console.log(sum(8,9)); //报错
let sum = function(val1,val2) { return (val1 + val2)};

什么时候可以通过变量访问函数这一点区别之外,函数声明与函数表达式的语法其实是等价的。