函数Ｉ
2020-12-29 本文已影响0人
Caesar_emperor
一.什么是方法和对象
1.在 JavaScript 中，对象是拥有属性和方法的数据
1.1)一组“键值对”（key-value）的集合是对象。如果键名是数值，会被自动转为字符串
1.2)如果属性的值还是一个对象，就形成了链式引用
var o1 = {};
var o2 = { bar: 'hello' };
o1.foo = o2;<!--不给值则返回undefind-->
o1.foo.bar<!--返回hello-->
<!--没有这个属性，可以直接声明-->
2.对象的每一个键名又称为“属性”（property），它的“键值”可以是任何数据类型。如果一个属性的值为函数，通常把这个属性称为“方法”，它可以像函数那样调用
var obj = {
p: function (x) {
return 2 * x;
}
};
obj.p(1);
二.函数的声明
函数声明后不会立即执行，会在我们需要的时候调用到。可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。
function myFunction(a, b) {
return a * b;
}
三.函数的表达式
函数存储在变量中，不需要函数名称，通常通过变量名来调用，此时实际上是一个匿名函数
)
<body>
<p id="demo">x</p><!--输出6-->
<script>
var x = function (a, b) {return a * b};<!--如果实参列表的个数<形参列表，则未赋值的形参，将为undefined-->
document.getElementById("demo").innerHTML = x(2,3);
</script>
</body>
四.可以把事件写入函数里
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "段落被更改。";
}
</script>
</head>
<body>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">试一试</button>
</body>
</html>
从上面看出函数包在script标签内，script标签一般写在head内
