JavaScript函数深入了解 -- 笔记 - 图2review0602

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6. </head>
  7. <body>
  9. </body>
  10. <script type="text/javascript">
  11.     // 对象的简单了解
  12.     // var cat = {
  13.     //     // 基本数据类型
  14.     //     'name':'Tom',
  15.     //     'age':4,
  16.     //     // 数组
  17.     //     'family':['father','mom'],
  18.     //     // 放置函数
  19.     //     'speak':function(){
  20.     //         console.log('喵喵~');
  21.     //     },
  22.     //     // 继续存储对象
  23.     //     'friend':{
  24.     //         'name':'Jerry',
  25.     //         'age':4
  26.     //     }
  27.     // };
  29.     // 如何使用对象
  30.     // // 可以通过new实例化构造函数
  31.     // var cat = new Object();
  32.     // var cat = {};//这两个都表示空对象
  33.     // //es5  Object.create()  存在兼容性
  35. //     var cat = {
  36. //         // 基本数据类型
  37. //         'name':'Tom',
  38. //         'age':4,
  39. //         // 数组
  40. //         'family':['father','mom'],
  41. //         // 放置函数
  42. //         'speak':function(){
  43. //             console.log('喵喵~');
  44. //         },
  45. //         // 继续存储对象
  46. //         'friend':{
  47. //             'name':'Jerry',
  48. //             'age':4
  49. //         }
  50. //     };
  51. //     // console.log(cat);
  52. //     cat.name='Tim';
  53. //     cat['name']='Tim';//修改  写操作
  54. //     cat.type='加菲猫';
  56. //     console.log(cat.name);//查询  读操作
  57. //     console.log(cat['name']);//查询  读操作
  58. //     console.log(cat.type);
  60. //     delete cat.type;
  61. //     console.log(cat.type);
  63. //     //如何检测一个对象是否拥有该属性
  64. //     console.log('type' in cat);
  66. //     //循环遍历对象  循环输出每一个属性名
  67. //     for(var p in cat){
  68. //         console.log(p);
  69. //         console.log(cat[p]);
  70. //         //console.log(cat.p);不能使用点  因为点表示  .属性
  71. //     }
  73. // // 什么是函数
  74. // // 函数是否也可以？  --   了解一下
  75. //     function add(num1,num2){
  76. //         return num1+num2;
  77. //     }
  79. //     add.sex='male';
  80. //     add.setSex=function(sex){
  81. //         this.sex = sex;
  82. //     }
  84. //     console.log(add.sex);//male
  85. //     console.log(add.setSex('female'));
  86. //     console.log(add.sex);//female
  87. //     console.log(add(1,4));
  89. //     // 函数的定义：三种
  90. //     //字面量  function声明
  91. //     function add(){
  93. //     }
  94. //     add();
  96. //     //var赋值表达式
  97. //     var add = function(){
  99. //     };
  100. //     add();
  102. //     //构造函数  必须是字符串形式  效率比较差，首先解析字符串变量 其次再实例化函数
  103. //     var add = new Function('num1','num2','return num1+num2');
  104. //     add();
  106. //     // 只要function不打头,就可以调用
  107. //     (function(){
  108. //         console.log(1);
  109. //     })();
  111. //     +-~!function(){
  112. //         console.log(2);
  113. //     }();
  115. //     console.log(function(){
  116. //         return 3;
  117. //     }());
  119. //     // 递归调用  --  阶乘
  120. //     function factorial(num){
  121. //         if (num<=1) {return 1}
  122. //         return num*factorial(num-1);
  123. //         //return 5*4!
  124. //     }
  126. //     console.log(factorial(5));
  127. //     console.log(factorial(4));
  129. //     var operation = {
  130. //         add:function(num1,num2){
  131. //             return num1+num2;
  132. //         },
  133. //         substract:function(num1,num2){
  134. //             return num1-num2;
  135. //         },
  136. //         '@':function(){
  137. //             console.log('@');
  138. //         },
  139. //         key:function(){
  141. //         }
  142. //     };
  143. //     var key = 'add';//把add函数赋值给了key  调用变量  点是不行的，必须使用[]
  144. //     // console.log(operation.key(1,2));
  145. //     console.log(operation[key](1,2));
  147. //     // 参数的使用
  148. //     function add(num1,num2){
  149. //         return num1+num2;
  150. //     }
  152. //     add(1,2);
  153. //     // 形参 = 实参
  154. //     // num1 = 1
  155. //     // num2 = 2
  157. //     var person={};
  158. //     function setPerson(obj){
  159. //         obj.name = 'xm';
  160. //     }
  161. //     setPerson(person);
  162. //     console.log(person);
  163. //     //就是将person对象的地址，赋予给obj  他们俩指向同一个引用
  164. //     // obj = person;
  166. //     // 参数的个数
  167. //     1.形参=实参
  168. //     function add(num1,num2){
  169. //         return num1+num2;
  170. //     }
  172. //     add(1,2);
  174. //     2.形参<实参
  175. //     需求：
  176. //     1、如果只传入一个值，表示默认计算2次幂
  177. //     2、如果传入2个参数，表示计算几的几次幂
  178. //     if  else
  179. //     function pow(base,power){
  180. //         if (!power) {power=2;}
  181. //         return Math.pow(base,power);
  182. //     }
  183. //     console.log(pow(3));
  184. //     console.log(pow(3,3));
  186. //     function pow(base,power){
  187. //         // if (!power) {power=2;}
  188. //         //或运算：两个都是假才为假  只要有一个真就是真
  189. //         // power = power || 2;
  190. //         return Math.pow(base,power);
  191. //     }
  192. //     console.log(pow(3));
  193. //     console.log(pow(3,3));
  195. //     3.实参 > 形参
  196. //     function add(){
  197. //         //arguments类数组 -- add(1,2,3)  arguments[0]=1   arguments[1]=2
  198. //         if (arguments.length==0) {return;}
  199. //         var sum = 0;
  200. //         for(var i=0;i<arguments.length;i++){
  201. //             sum+=arguments[i];
  202. //         }
  203. //         return sum;
  204. //     }
  205. //     console.log(add());
  206. //     console.log(add(1,2,3,4,5));//15
  207. //     console.log(add(1,2,3));//6
  209. //     arguments类数组的使用
  210. //     function fn(name){
  211. //         arguments[0]="";
  212. //         console.log(name);
  213. //     }
  214. //     fn('xm');
  215. //     //空字符串  arguments和我们的形参都指向了同一个值。
  217. //     function add(num1,num2){
  218. //         alert(arguments.callee);//弹出函数本身
  219. //         return num1+num2;
  220. //     }
  221. //     add();
  223. //     阶乘案例
  224. //     function jiecheng(num){
  225. //         if (num<=1) {return 1}
  226. //         return num*arguments.callee(num-1);
  227. //     }
  228. //     console.log(jiecheng(5));//120
  229. //     console.log(jiecheng(4));//24
  232. //       var jiecheng = function fn(num){
  233. //         if (num<=1) {return 1}
  234. //         return num*fn(num-1);
  235. //     }
  236. //     console.log(jiecheng(5));//120
  237. //     console.log(jiecheng(4));//24
  239. //     什么可以作为参数
  240. //     //什么都没有
  241. //     function fn(){
  243. //     }
  245. //     //数字
  246. //     function add(num1,num2){
  247. //         return num1+num2;
  248. //     }
  249. //     add(1,1);
  251. //     //jquery 字符串
  252. //     $('p')
  254. //     参数的返回值
  255. //     return返回 
  256. //     1、return;  结束
  257. //     2、return num sum   将值返回
  258. //     3、return 一般情况下放在最后，因为return后面的代码将不再执行
  260. //     continue用在循环中，表示跳出本次循环
  261. //     for(var i=0;i<10;i++){
  262. //         if (i==4) {continue;}
  263. //         console.log(i);
  264. //     }
  266. //     break用在循环中，表示跳出循环
  267. //     for(var i=0;i<10;i++){
  268. //         if (i==4) {break;}
  269. //         console.log(i);
  270. //     }
  271. //     console.log("我跳出来了");
  272. </script>
  273. </html>