JS.005:函数内容总结

小脑斧

知识点

### 函数的定义
- 函数声明

1. <font size="3"><font size="2"><font color="#808080">function </font>函数名(){
   
2.   // 函数体</font></font>
   
3. }

复制代码

- 函数表达式

1. var fn = function() {
   
2.   // 函数体
   
3. <font color="#808080">}</font>

复制代码

### 函数的参数
- 语法：

1. // 函数内部是一个封闭的环境，可以通过参数的方式，把外部的值传递给函数内部
   
2. // 带参数的函数声明
   
3. function 函数名(形参1, 形参2, 形参...){
   
4.   // 函数体
   
5. }
   
6. // 带参数的函数调用
   
7. 函数名(实参1, 实参2, 实参3);</strong>

复制代码

- 形参和实参
1. 形式参数：在声明一个函数的时候，为了函数的功能更加灵活，有些值是固定不了的，对于这些固定不了的值。我们可以给函数设置参数。这个参数没有具体的值，仅仅起到一个占位置的作用，我们通常称之为形式参数，也叫形参。
2. 实际参数：如果函数在声明时，设置了形参，那么在函数调用的时候就需要传入对应的参数，我们把传入的参数叫做实际参数，也叫实参。

### 函数的返回值
返回值语法：

1. //声明一个带返回值的函数
   
2. function 函数名(形参1, 形参2, 形参...){
   
3.   //函数体
   
4. return 返回值;
   
5. }
   
6. //可以通过变量来接收这个返回值
   
7. var 变量=函数名(实参1,实参2, 实参3);

复制代码

### 匿名函数
匿名函数：没有名字的函数
### 自调用函数
匿名函数不能通过直接调用来执行，因此可以通过匿名函数的自调用的方式来执行

1. <font color="black">(function () {
   
2.   alert(123);
   
3. })();</font>

复制代码

函数：一种数据类型

1. function fn() {}
   
2. console.log(typeof fn);

复制代码

### 全局变量和局部变量，作用域见JS.001:为什么声明要加var

### 作用域链

### 对象创建方式

- 对象字面量

1. var o = {
   
2. name: 'zs',
   
3. age: 18,
   
4. sex: true,
   
5. sayHi: function () {
   
6. console.log(this.name);
   
7. }
   
8. };

复制代码

- new Object()创建对象

1. var person = new Object();
   
2.   person.name = 'lisa';
   
3.   person.age = 35;
   
4.   person.job = 'actor';
   
5.   person.sayHi = function(){
   
6.   console.log('Hello,everyBody');
   

复制代码

- 工厂函数创建对象

1. function createPerson(name, age, job) {
   
2.   var person = new Object();
   
3.   person.name = name;
   
4.   person.age = age;
   
5.   person.job = job;
   
6.   person.sayHi = function(){
   
7.     console.log('Hello,everyBody');
   
8.   }
   
9.   return person;
   
10. }
    
11. var p1 = createPerson('张三', 22, 'actor');

复制代码

- 自定义构造函数（首字母大写）

1. function Person(name,age,job){
   
2.   this.name = name;
   
3.   this.age = age;
   
4.   this.job = job;
   
5.   this.sayHi = function(){
   
6.           console.log('Hello,everyBody');
   
7.   }
   
8. }
   
9. var p1 = new Person('张三', 22, 'actor');

复制代码

如有错误，欢迎敲打

_2_

1. <font size="2">var o = {
   
2. name: '不二',
   
3. age: 1000,
   
4. sex: true,
   
5. sayHi: function () {
   
6. console.log(this.name);
   
7. }
   
8. };</font>

复制代码

小脑斧

_2_ 发表于 2020-5-5 08:43

好的

_2_

小脑斧 发表于 2020-5-5 11:34
好的

@不二如是