万象更新 Html5 - es6 类: function

源码 https://github.com/webabcd/Html5
作者 webabcd

万象更新 Html5 - es6 类: function

示例如下:

es6\src\class\function.js

// 注：es6 依然不支持函数重载// 函数声明（Function Declaration）
function sum1(x, y) {return x + y;
}// 函数表达式（Function Expression）
let sum2 = function (x, y) {return x + y;
};// 参数默认值
function a(p1, p2="webabcd") {return `${p1} ${p2}`;
}
console.log(`${a("hello", "wanglei")}, ${a("hello")}, ${a("hello", undefined)}, ${a("a", "b", "c", "d")}`);
// hello wanglei, hello webabcd, hello webabcd, a b// 剩余参数
function b(...values) {let result = "";for (let i = 0; i < values.length; i++) {result += values[i];}return result;
}
console.log(`${b("1", "2", "3")}`);
// 123// 箭头函数（lambda 表达式）
let c = () => "hello"; // 无参数，返回值为一行表达式
let d = (p1, p2) => `${p1} ${p2}`; // 多个参数，返回值为一行表达式
let e = p1 => p1; // 一个参数（一个参数时可以省略括号），返回值为一行表达式
let f = p1 => ({content: p1}); // 返回值为一行表达式（如果返回的是对象的话则需要加上括号）
let g = (p1, p2) => { // 函数逻辑为多行表达式（加上大括号即可）let result = `${p1} ${p2}`;return result;
};
let h = function (p1, p2) { // 经典的 function 方式let result = `${p1} ${p2}`;return result;
};
console.log(`${c()}, ${d("hello", "webabcd")}, ${e("hello")}, ${f("hello").content}, ${g("hello", "webabcd")}, ${h("hello", "webabcd")}`);
// hello, hello webabcd, hello, hello, hello webabcd, hello webabcd// 关于 lambda 表达式的 this 请参见如下示例
// 但是如果用 rollup 编译的话，其会用 undefined 替换掉 lambda 表达式的 this
/*
var name = "wanglei";
let h = {name: "webabcd",hello: () => {// 这里的 this 指向的是 window 对象return this.name; // 返回的是 wanglei},hello2: function() {// 这里的 this 指向的是 h 对象return this.name; // 返回的是 webabcd}
};
console.log(h.hello()); // wanglei
console.log(h.hello2()); // webabcd
*/

源码 https://github.com/webabcd/Html5
作者 webabcd