Blogger Information
Blog 27
fans 1
comment 2
visits 90418
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
JS模板函数、字面量与闭包-实例演示
          
Original
76566 people have browsed it

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

—执行结果

闭包执行结果

Correcting teacher:PHPzPHPz

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!