您的位置：首页 > Web前端 > JavaScript

JavaScript 从零开始_02.JavaScript对象，函数

2018-03-05 00:00 197 查看

摘要: JavaScript对象，函数

1.javascript 对象

javascript对象是拥有属性和方法的数据。；

在javascript中，几乎所有的事物都是对象；

在javascript中对象是非常重要的，当你理解了对象，就可以了解javascript；

JavaScript 对象是变量的容器。

对象也是一个变量，但对象可以包含多个值（多个变量）：

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

JavaScript 对象是键值对的容器

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

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

2.javascript 函数

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

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction(){
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="myFunction()">Try it</button>
</body>
</html>

javascript 函数语法

函数就是包裹在花括号中的代码块，前面使用关键词function：

function functionname()
{
//执行代码
}

当焦勇该函数时，会执行函数内的代码。

带参数的函数

调用函数时，可以向其传递值，这些值被称为参数。

参数可以在函数中使用，多个参数，可用逗号（，）分隔

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

函数很灵活，可以使用不同的参数来调用该函数，

<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<button onclick="myFunction('Bob','Builder')">点击这里</button>

带返回值的函数

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

通过使用return语句就可以实现，使用return语句时，函数会停止，并返回指定的值。

function myFunction()
{
var x=5;
return x;
}
var myVar=myFunction(); //myVar的值为5

计算类返回

function myFunction(a,b)
{
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： .JavaScript 对象函数

相关文章推荐

新的分享

章节导航