JS学习（3）----Functions、Objects、variables

最新推荐文章于 2022-08-07 01:31:43 发布

晨识草

最新推荐文章于 2022-08-07 01:31:43 发布

阅读量258

点赞数

分类专栏： web 文章标签： javascript object function

本文链接：https://blog.csdn.net/lichen_yun/article/details/75228869

版权

web 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

1.需要传入参数的函数

注：与c++中的函数不同的是，c++中需要注明参数的类型，但是js不用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>title</title>
</head>
<body>
    <h1>JS Function</h1>
    <p>Result:</p>
    <p id="test"></p>
    <script src="script.js"></script>
</body>
</html>

/* 
* @Author: Lin
* @Date:   2017-07-17 10:27:09
* @Last Modified by:   Lin
* @Last Modified time: 2017-07-17 13:33:58
*/
// 不需要标明参数的类型，并且不需要返回值
function myFunction(p1,p2) {
    return p1*p2;
}
document.getElementById("test").innerHTML= myFunction(3,4);
//  最后得到的结果就是12

使用函数可以达到”只定义一次但是可以多次使用”的目的。
如果上面的函数在调用的时候没有传进去参数，则返回的结果是整个函数：

function myFunction(p1,p2) {
    return p1*p2;
}
document.getElementById("test").innerHTML= myFunction;

得到的结果是：
这里写图片描述

2.Objects

（1）objects可以有属性值也可以有方法。
（2）objects are variables, too.
（3）得到对象的属性值可以有两种方法：
可以用person.age，即objectName.attrName
或者是person[“age”]，即objectName[attrName]
（4）得到对象的方法用objetName.functionName();
例子：

/* 
* @Author: Lin
* @Date:   2017-07-17 13:57:45
* @Last Modified by:   Lin
* @Last Modified time: 2017-07-17 14:00:51
*/
var person = {
    firstName : "John",
    lastName : "Smith",
    age : 45,
    fullName : function() {
        return this.firstName + " is " + this.age + " years old.";
    }
};
document.getElementById("test").innerHTML = person.fullName();

显示的结果为：

Result is:
John is 45 years old.

如果省略了括号：则得到的不是函数的返回值，而是整个函数的定义。
显示的结果为：

Result is:

3.declare with new

如果变量声明的时候使用了new，则该变量的类型是object，如下测试：
这里写图片描述

4.局部变量和全局变量

如果将值赋给一个未声明的变量，则该变量为全局变量。
例子：

myFunction();
document.getElementById("test").innerHTML = "I can display the global variable : name = " + name;
function myFunction() {
    name = "John";
}

显示的结果为：

I can display the global variable : name = John

晨识草

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS学习（3）----Functions、Objects、variables

1.需要传入参数的函数注：与c++中的函数不同的是，c++中需要注明参数的类型，但是js不用<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>title</title></head><body> <h1>JS Function</h1> <p>Result:</p>
复制链接

扫一扫