博客列表 >js常用函数类型和数据类型

js常用函数类型和数据类型

千里马遇伯乐
千里马遇伯乐原创
2022年03月31日 20:53:09498浏览

1,命名函数

  1. function getName(name){
  2. return 'Hello' + name;
  3. }
  4. console.log(getName('法外狂徒'))

匿名函数

  1. 1)第一种声明方式,将匿名函数当成值付给一个变量.
  2. let getName = function(name){
  3. return 'Hello' + name;
  4. }
  5. console.log(getName('法外狂徒'));
  6. 2)第二种声明方式:立即调用函数;
  7. console.log(
  8. (function(name) {
  9. retuin 'Hello' + name;
  10. })('法外狂徒') );

3、箭头函数,用来简化匿名函数的声明

  1. let add = function(a,b){
  2. console.log(a + b);
  3. };
  4. //转化方法
  5. //1、去掉function
  6. //2、在参数列表与大括号之间使用’=>‘
  7. let sum = (a,b)=> {
  8. console.log(a + b);
  9. };
  10. //如果只有一个参数可以不要小括号;
  11. //如果没有参数必须要有小括号;
  12. //如果函数体只有一条语句,大括号可以省略

不同函数类型的使用场景

  1. 1、如果函数需要多次调用,使用命名函数或函数表达式。
  2. 2、如果代码要求,必须遵循’先声明,再调用‘的规则,那就必须用’函数表达式‘。
  3. 3、如果只要完成一些特定的、一次性的工作,不想留下任何痕迹,用’IIFE‘。
  4. 4、如果调用函数时,需要一个函数充当参数,例如:回调,就可以使用箭头函数来简化匿名函数的声明。

常用数据类型

  1. 1、原始类型
  2. number,string,boolean,undefined,null
  3. 2、引用类型
  4. (1)数组array
  5. 一个变量保存的集合,并非单值,访问时不能直接访问,必须通过这个变量的引用来访问
  6. const arr = [1,2,3];
  7. const arr1 = [1,'admin',[1,2,3,],true];
  8. //访问
  9. console.log(arr);
  10. console.log(arr1[1]);
  11. console.log(arr1[2][1]);
  12. (2)对象object
  13. let person = {
  14. name:'Tom';
  15. gender:'男';
  16. height:180;
  17. weight:150;
  18. }
  19. //访问方式
  20. //1.数组访问方式
  21. console.log(person['name']]);
  22. //2、对象特有的访问方式
  23. console.log(person.name);
  24. //在对象中可以使用变量this来引用对象自身
  25. obj = {
  26. id: 1,
  27. username: 'jack',
  28. num: [1, 2, 3],
  29. isOk: true,
  30. getInfo: function() {
  31. return 'id =' + this.id + ',username =' + this.username;
  32. },
  33. }
  34. console.log(obj.getInfo);
  35. //函数当返回值:闭包
  36. function fn(){
  37. let a = 1;
  38. return function(){
  39. return a++;
  40. };
  41. }
  42. console.log(fn());
  43. //函数就是对象,对象就可以添加属性和方法
  44. let fn1 = function(){};
  45. fn1.myemail = 'admin@php.cn';//添加属性myemail
  46. fn1.getEmail = function(){
  47. console.log(this.myemail);
  48. };//添加方法
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议