Blogger Information
Blog 12
fans 0
comment 0
visits 9412
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
常用函数类型和数据类型
P粉355147598
Original
2053 people have browsed it

常用的几种函数类型

1、 命名函数

  1. function getName(name){
  2. return 'Hello' + name;
  3. }
  4. console.log(getName('张三'));

2、 匿名函数

(1)第一种声明方式,将匿名函数当成值付给一个变量

  1. let getName = function(name){
  2. return 'Hello' + name;
  3. }
  4. console.log(getName('张三'));

(2)第二种声明方式:立即调用函数

  1. console.log(
  2. (function(name) {
  3. retuin 'Hello' + name;
  4. })('张三')
  5. );

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、如果函数需要多次调用,使用命名函数或函数表达式。

2、如果代码要求,必须遵循’先声明,再调用‘的规则,那就必须用’函数表达式‘。

3、如果只要完成一些特定的、一次性的工作,不想留下任何痕迹,用’IIFE‘。

4、如果调用函数时,需要一个函数充当参数,例如:回调,就可以使用箭头函数来简化匿名函数的声明。

常用数据类型

1、原始类型

number,string,boolean,undefined,null

2、引用类型

(1)数组array

一个变量保存的集合,并非单值,访问时不能直接访问,必须通过这个变量的引用来访问

  1. const arr = [1,2,3];
  2. const arr1 = [1,'admin',[1,2,3,],true];
  3. //访问
  4. console.log(arr);
  5. console.log(arr1[1]);
  6. console.log(arr1[2][1]);

(2)对象object

  1. let person = {
  2. name:'Tom';
  3. gender:'男';
  4. height:180;
  5. weight:150;
  6. }
  7. //访问方式
  8. //1.数组访问方式
  9. console.log(person['name']]);
  10. //2、对象特有的访问方式
  11. console.log(person.name);
  12. //在对象中可以使用变量this来引用对象自身
  13. obj = {
  14. id: 1,
  15. username: 'jack',
  16. num: [1, 2, 3],
  17. isOk: true,
  18. getInfo: function() {
  19. return 'id =' + this.id + ',username =' + this.username;
  20. },
  21. }
  22. console.log(obj.getInfo);
  23. //函数当返回值:闭包
  24. function fn(){
  25. let a = 1;
  26. return function(){
  27. return a++;
  28. };
  29. }
  30. console.log(fn());
  31. //函数就是对象,对象就可以添加属性和方法
  32. let fn1 = function(){};
  33. fn1.myemail = 'admin@php.cn';//添加属性myemail
  34. fn1.getEmail = function(){
  35. console.log(this.myemail);
  36. };//添加方法
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