JavaScript(二)函数及对象

函数

JavaScript(二)函数及对象_第1张图片

JavaScript(二)函数及对象_第2张图片

JavaScript(二)函数及对象_第3张图片

JavaScript(二)函数及对象_第4张图片
函数体中return后面不能再添加任何代码,因为不会执行

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    <script>
        // 声明函数
        function add(){
            console.log("结果");


        }
        // 调用
        add()

        // 函数是有提升的,即可以先调用后定义,是因为程序执行时,先对定义函数后,在执行调用
        aaa()

        function aaa(){
            console.log("函数提升");
        }

        //有参函数
        function subtraction(x,y){
            console.log(x-y);
        }

        subtraction(100,90)
        subtraction(5,3)
        subtraction(80,20)

        // 返回值

        function name(x,y) {
            return x-y
            
        }

        var result1 = name(10,8)
        var result2 = name(50,8)
        var result3 = name(30,8)

        console.log(result1,result2,result3);
    script>
body>
html>

对象

对象介绍

JavaScript(二)函数及对象_第5张图片
JavaScript(二)函数及对象_第6张图片

JavaScript(二)函数及对象_第7张图片

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    <script>
        // 创建对象, 内容可以为任何形式的数据,包括函数
        var user = {
            name: "darly",
            age: 18,
            jobs:["开发","测试"],
            flag: true,
            getName:function(peopleName){
                return peopleName+"i great person";
            } ,
            //属性是一个对象
            container:{
                frontEnd:"web前端",
                backEnd:["python","java"]
            }

        }
        //对象读取方式 对象名.属性
        console.log(user.name);
        console.log(user.jobs);
        console.log(user.getName("flex"));
        for ( i = 0; i < user.jobs.length; i++) {
            console.log(user.jobs[i]);
            
        }
        console.log("====================");
        console.log(user.jobs[0]);
        // 链式调用
        console.log(user.container.backEnd[0]);
        console.log(user.container.frontEnd);

    script>
body>
html>

Mathd对象

JavaScript(二)函数及对象_第8张图片
JavaScript(二)函数及对象_第9张图片
JavaScript(二)函数及对象_第10张图片
JavaScript(二)函数及对象_第11张图片

Data对象

JavaScript(二)函数及对象_第12张图片
JavaScript(二)函数及对象_第13张图片
JavaScript(二)函数及对象_第14张图片
JavaScript(二)函数及对象_第15张图片

你可能感兴趣的:(HTML,javascript,开发语言,ecmascript)