博客列表 >JS模板函数、字面量与闭包-实例演示

JS模板函数、字面量与闭包-实例演示

          
          原创
2022年07月22日 11:07:3876569浏览

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));

—执行结果

闭包执行结果

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议