博客列表 >JS之模板字面量与模板函数的声明,实例演示闭包的形成条件与访问方法

JS之模板字面量与模板函数的声明,实例演示闭包的形成条件与访问方法

P粉933302309
P粉933302309原创
2022年08月15日 21:44:13461浏览

1.函数返回值方法

  1. // 数组
  2. const g = () => [1, 2, 3, 4, 5, 6, 7, 8, 9];
  3. console.log(g());
  4. // 对象
  5. f = () => ({
  6. k: 1,
  7. j: 2,
  8. get: function () {
  9. return "ok";
  10. },
  11. });
  12. console.log(f());

2.模板字面量与模板函数的声明

  1. let name = "王大爷";
  2. // 插值
  3. console.log(`hello ${name}`);
  4. // 插入表达式
  5. console.log(`10+20=${10 + 20}`);
  6. let age = 20;
  7. console.log(`${age > 30 ? `大于` : `小于`}`);
  8. // 模板函数
  9. // alert("123123");
  10. // alert`111111`;
  11. function test(strings, ...args) {
  12. console.log(strings);
  13. console.log(args);
  14. }
  15. let name1 = "John";
  16. let number1 = "123456";
  17. let dz3 = "北京";
  18. test`名字:${name1},号码:${number1},地址:${dz3}`;

3.闭包

  1. let y = 20;
  2. // 形成闭包的两个条件
  3. // 1.父子函数;
  4. // 2.自由变量:外部变量
  5. // let yw = function (a, b) {
  6. // let c = 20;
  7. // return a + b + c + y;
  8. // };
  9. // console.log(yw(20, 30));
  10. // let yw = function (a) {
  11. // let y = function (b) {
  12. // return a + b + y;
  13. // };
  14. // return y;
  15. // };
  16. // let yw1 = yw(10);
  17. // console.log(yw1(20));
  18. // 闭包:高阶函数
  19. // (一)
  20. // let yw = function (a) {
  21. // return function (b) {
  22. // return function (c) {
  23. // return a + b + c;
  24. // };
  25. // };
  26. // };
  27. // console.log(yw(10)(20)(30));
  28. // (二)
  29. let yw = function (a) {
  30. return function (b, c) {
  31. return a + b + c;
  32. };
  33. };
  34. console.log(yw(10)(20, 70));

4.纯函数

  1. h = 0.5;
  2. // 将外部变量通过参数传入函数中,而不是调用。
  3. function py(p, h) {
  4. return p * h;
  5. }
  6. console.log(py(10, h));
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议