javascript函数

什么是javaScript函数？

函数实际上是对象，每一个函数都是Function类型的实例，而函数名就是指向函数对象的指针
简单地说，函数就是对象，它封装了一段可被重复调用执行的代码块，我们通过调用函数就可以实现大量代码的重复使用

javaScript函数的组成

函数名：
函数参数：
函数体：执行的js代码块，对参数数据加工处理过程、对dom节点操作等过程
函数返回：

javaScript函数的作用过程

声明-调用-返回

定义javaScript函数的方式

上机训练

1.定义一个带参数的命名函数用于简单计算
a.至少带两个参数
b.return结果
c.在控制台输出argumengs，this等
d.给button添加监听click事件，用于触发该函数

<script>
function () {


}	
</script>
<button>点击触发</button>

2.定义一个对象，用函数返回值作为属性或方法
a.用立即执行函数的返回值作为某属性的值
b.用箭头函数的返回值作为某属性的值
c.用函数表达式为对象建立一个方法

<script>
var obj = {
	name: "...",
	title: ..., //这里用立即执行函数返回值作为属性
    money: ..., //这里用箭头函数返回值作为属性
    print: ..., //这里用函数表达式作为obj的print方法	
};
console.log(obj.title);
console.log(obj.money);
obj.print();
</script>

3.构造一个函数，用于处理对象属性和方法
a.自定义N个属性
b.自定义1个方法
c.新建对象并调用其属性和方法

<script type='text/javascript'>
class Student {
    constructor(name, xh, sex) {
        this.name = name;
		......
    } 
    doSomething() {
          if(this.sex == "女") {
		      console.log("请住9号楼");   //这里用控制台输出模拟一个动作
		  }
		  else {
		      console.log("请住8号楼");   //这里用控制台输出模拟一个动作
		  }
    }
}
var p1=new Student( , , );//新建对象
console.log(p1.name);     //在控制台输出对象的各种属性   
p1.doSomething();   //调用对象的某方法
</script>

4.用new Function执行自定义JS语句
a.新建一个单行文本框和一个按钮
b.给按钮绑定事件，即点击按钮，执行文本框里的JS语句

<script type='text/javascript'>
var fun=new Function(文本框元素节点.value);
按钮元素节点.addEventListener("click",fun);
</script>