HTML之JavaScript自学笔记（3）-CSDN博客

本文链接：https://blog.csdn.net/qq_38611556/article/details/77620206

JavaScript 数组

下面的代码创建名为 cars 的数组：

var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";

或者 (condensed array):

var cars=new Array("Saab","Volvo","BMW");

或者 (literal array):

var cars=["Saab","Volvo","BMW"];

JavaScript 对象

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

var person={firstname:"John", lastname:"Doe", id:5566};

或
var person={
firstname : "John",
lastname  : "Doe",
id        :  5566
};

空格等符号不影响程序运行，第二种方式让代码更加清晰。

对象属性有两种寻址方式：

name=person.lastname;
name=person["lastname"];

对象方法

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

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

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

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>

<p>创建和使用对象方法。</p>
<p>对象方法作为一个函数定义存储在对象属性中。</p>
<p id="demo"></p>
<script>
var person = {
    firstName: "John",
    lastName : "Doe",
    id : 5566,
    fullName : function() 
	{
       return this.firstName + " " + this.lastName;
    }
};
document.getElementById("demo").innerHTML = person.fullName();
</script>
	
</body>
</html>

可以看出访问对象方法的语句：

objectName.methodName()；

JavaScript 函数

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

上面可以看出对象函数的定义格式：

methodName : funtion()
{            something              }

普通函数的定义格式：

funtion funtionName()
{            something              }

带参数的函数

function myFunction(var1,var2)
{
代码
}

其中参数可以是任意数量，之间用逗号隔开

不同于C++，java等语言，参数不用事先声明或者定义，直接在参数列表中写入参数名

<!DOCTYPE html>
<html>	
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>

<p>点击这个按钮，来调用带参数的函数。</p>
<button οnclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<script>
function myFunction(name,job){
	alert("Welcome " + name + ", the " + job);
}
</script>

</body>
</html>

带有返回值的函数

有时，我们会希望函数将值返回调用它的地方。

通过使用 return 语句就可以实现。

在使用 return 语句时，函数会停止执行，并返回指定的值。

当您想要退出函数时，也可以使用return，但后面跟上分号，而不是值，这样子就可以终止一个函数：

function myFunction(a,b)
{
    if (a>b)
    {
        return;
    }
    x=a+b
}