博主信息
博文 27
粉丝 1
评论 2
访问量 97375
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
JS模板函数、字面量与闭包-实例演示
          
原创
76949人浏览过

1.函数参数与返回值

  1. function students(name){
  2. return name;
  3. }
  4. console.log(students('张三'));
  5. -----------------------------
  6. console.log('剩余参数');

—执行结果

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

  1. let name ='李四';
  2. let add='新疆';
  3. let username={
  4. name,
  5. add,
  6. }
  7. console.log(username.name);
  8. console.log(username.add);
  9. console.log('---------------------');
  10. console.log('模板函数声明,参数1:');
  11. function stu(strings, ...args){
  12. console.log(strings);
  13. console.log(args);
  14. }
  15. stu('刘能','男',18,'河南',); // 以前
  16. stu`王五,男,22,东北`; //用这个
  17. console.log('模板函数声明,参数2:');
  18. console.log `today!`; //使用反逗号,Esc下的~
  19. let a= function (strings, ...args){
  20. console.log(strings);
  21. console .log(args);
  22. }
  23. a`包子,牛奶,豆浆,油条`;
  24. /*模板函数的声明与普通函数是一样,只不过调用时,使用"模板字面量"做为参数
  25. 参数1: 必须是当前模板字面量参数中的字符串字面量组成的数组
  26. 参数2: 第二个参数必须是一个或多个模板字面量中插值列表
  27. */

—执行结果

模板函数演示

3.实例演示闭包的形成条件与访问方法

  1. /* 闭包形成条件:
  2. 1. 父子函数,函数包含函数
  3. 2.子函数中调用父函数中的变量
  4. */
  5. function stu(a){
  6. return function stu(b){
  7. return a+b;
  8. }
  9. }
  10. console.log(stu(20)); // 返回申明函数
  11. console.log(stu(10)); // 返回申明函数
  12. console.log(stu(20)(10)); //一气呵成
  13. /*纯函数:纯函数是指通过参数传入到函数中,而不是在函数中直接引用全局变量。*/
  14. function getmoery(number,price){
  15. return number*price+'元';
  16. }
  17. console.log(getmoery(5,500));

—执行结果

闭包执行结果

批改老师: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+教程免费学