Js基本26：自定义函数-外链论坛 - Powered by Discuz! Archiver

4lqedz 发表于 2024-10-10 04:05:32

Js基本26：自定义函数

什么是函数
函数便是一段能够重复执行的代码段。
咱们把一段相对独立的拥有特定功能的代码块封装起来，形成一个独立实体，起个名字（函数名），在后续研发中能够反复调用。
函数的功效便是封装一段代码，将来能够重复运用。
固定语法： // 1. 定义函数（函数声明式）：
 function函数名(){
   函数体- 需要重复时候用的代码
 }
 
 function tellStory() {
   console.log(从前有座山，山上有座庙);
   console.log(庙里有个老和尚和一个小和尚);
   console.log(老和尚正在给小和尚讲故事);
   console.log(讲的什么呢？);
 }
 // 重视点：函数里面的代码是不会执行的，需要调用才会执行
 
 
 // 2. 调用函数（函数调用式）：
 函数名();
 tellStory(); //此时在掌控台中就会输出一个故事
 
 // 倘若想输出多次，就能够调用多次这个函数
 tellStory();
 tellStory();
 tellStory();
 tellStory();
 // 每调用一次，就会执行一次，做了代码的重复运用。
函数定义时是不会执行的，仅有调用时才会执行。能够运用代码调试工具进行代码执行过程观察。
2、函数的参数
咱们期盼在调用函数的时候，能够晓得小和尚的名字是什么，况且每次能够给区别的小和尚讲故事。亦便是说咱们重复运用的过程里面有会变化的东西，咱们运用参数处理
语法： function 函数名(参数){
   函数体
 }如： function tellStory(name){
   console.log("从前有座山，山里有座庙");
   console.log("庙里有个老和尚在给小和尚讲故事");
   console.log("讲的是什么呢？");
   console.log("老和尚对"+ name +"说：");
 }便是说参数就好似函数里面的一个变量同样，能够存储一个随时变量的数据
当咱们调用函数的时候，再给一个真实的值 tellStory(清风);
 tellStory(明月);倘若咱们想在调用函数的时候，把老和尚的名字亦知道一下，亦是能够的 function tellStory(name1,name2){
   console.log("从前有座山，山里有座庙");
   console.log("庙里有个老和尚在给小和尚讲故事");
   console.log("讲的是什么呢？");
   console.log(name1 "对"+ name2 +"说：");
 }要调用的时候： tellStory(圆通,清风);总结：
函数的参数能够一个，亦能够是多个，只要在重复的过程中，有多个会产生变化的数据，都能够运用参数的方式处理
在定义函数时写的占位用的参数，咱们叫作为形参，在调用函数，实质参与函数执行的参数，咱们叫作为实参
3、函数的返回值
函数执行完毕之后会有一个执行结果，该结果就叫 —— 返回值
倘若你期盼函数执行完毕之后，有一个你想要的数据，就能够运用返回值来实现
函数默认状况下，得到的结果是 —— undefined
想要修改能够修改，运用return修改 function 函数名(参数){
   return 想要的数据
 }4、书写函数的过程写出要实现的过程分析过程中那些是会变化的，那些是不会变化的把变化的做为参数，不变的做为函数体根据函数的语法把代码写来思虑是不是需要修改函数的返回值
5、弥补函数
函数的声明还能够运用 ：
5.1、函数表达式 var 函数名 = function(参数){
   函数体
 }
 
 var getSum = function(a,b){
   return a + b;
 }5.2、匿名函数
无名字的函数 function (参数){ 函数体 }5.3、自调用函数 // 立即执行函数
 (function({
  // 写有些为了避免变量污染的代码
 }))();

页: [1]

外链论坛's Archiver

Js基本26：自定义函数