JavaScript对象及函数

文章目录

JS的对象
- 对象定义
- 对象属性
- 访问对象属性
- 对象方法
- 访问对象方法
JavaScript函数
- JavaScript 函数语法

JS的对象

JavaScript 对象是拥有属性和方法的数据。
对象也是一个变量，但对象可以包含多个值（多个变量），每个值以 name:value 对呈现

var car = {name:"Fiat", model:500, color:"white"};

对象定义

你可以使用字符来定义和创建 JavaScript 对象:

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

对象属性

可以说 “JavaScript 对象是变量的容器”。

但是，我们通常认为 “JavaScript 对象是键值对的容器”。

键值对通常写法为 name : value (键与值以冒号分割)。

键值对在 JavaScript 对象通常称为对象属性。

访问对象属性

你可以通过两种方式访问对象属性:

person.lastName;
person["lastName"];

对象方法

对象的方法定义了一个函数，并作为对象的属性存储。

对象方法通过添加 () 调用 (作为一个函数)。

该实例访问了 person 对象的 fullName() 方法:

name = person.fullName();
name = person.fullName;

访问对象方法

methodName : function() {// 代码
}
objectName.methodName()

通常 fullName() 是作为 person 对象的一个方法， fullName 是作为一个属性。

如果使用 fullName 属性，不添加 (), 它会返回函数的定义：

objectName.methodName

JavaScript函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

JavaScript 函数语法

函数也是一个对象，也具有普通对象的功能
函数中可以封装一些代码，在需要的时候可以去调用函数来执行这些代码
使用typeof检查一个函数时会返回function
创建函数
函数声明

function 函数名([形参1,形参2…形参N]){
语句…
}

函数表达式
var 函数名 = function([形参1,形参2…形参N]){
语句…
};

调用函数

语法：函数对象([实参1,实参2…实参N]);
fun() sum() alert() Number() parseInt()

当我们调用函数时，函数中封装的代码会按照编写的顺序执行
形参和实参

形参：形式参数

定义函数时，可以在()中定义一个或多个形参，形参之间使用,隔开
定义形参就相当于在函数内声明了对应的变量但是并不赋值，
形参会在调用时才赋值。
实参：实际参数

调用函数时，可以在()传递实参，传递的实参会赋值给对应的形参,调用函数时JS解析器不会检查实参的类型和个数，可以传递任意数据类型的值。
如果实参的数量大于形参，多余实参将不会赋值，
如果实参的数量小于形参，则没有对应实参的形参将会赋值undefined

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body><p>点击这个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<script>
function myFunction(name,job){alert("Welcome " + name + ", the " + job);
}
</script></body>
</html>