博主信息
博文 17
粉丝 1
评论 0
访问量 13786
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
JS之模板字面量与模板函数的声明,实例演示闭包的形成条件与访问方法
P粉933302309
原创
1084人浏览过

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));
批改老师:PHPzPHPz

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学