✨哈喽，进来的小伙伴们，你们好耶！✨

🛰️🛰️系列专栏:【JavaWeb】

✈️✈️本篇内容:JavaScript基础语法(上)！

🚀🚀代码托管平台github：JavaWeb代码存放仓库！

⛵⛵作者简介：一名双非本科大三在读的科班Java编程小白，道阻且长，星夜启程！

哈喽，大家好，我是辰柒。上篇博客已经介绍了js的基础语法大部分内容了，本期呢，也是对上篇博客剩下一点内容的补充，内容不是很多，但也是满满干货，抓紧来学习啦！

目录

一、函数

传参类型如何规定？

 参数个数如何规定？

JS函数是"一等公民"！

作用域：

二、对象

1. 使用 字面量 创建对象 [常用]

 2. 使用 new Object 创建对象

一、函数

首先来看JS中创建函数的格式：

function 函数名(形参列表) {
    函数体
    return 返回值;
}

那么有了创建函数，肯定有调用函数：

// 函数调用
函数名(实参列表)           // 不考虑返回值
返回值 = 函数名(实参列表)   // 考虑返回值

如何实现一个打印hello world并带返回值的函数并调用？

        function fun1(x){
            return "hello world";
        }
        let ret = fun1(1);
        console.log(ret);

运行结果：

 观察上述代码我们可以发现，函数的参数是不需要写参数类型的；函数也是没有返回值类型的；

函数调用和Java是一样的，定义一个参数ret来接收这个函数值。

传参类型如何规定？

JS中函数传入的参数可以是任意的，只要支持内部逻辑不论什么类型都是可以作为参数。

        function fun2(x,y){
            return x+y;
        }
        let ret1 = fun2('hello',12);
        let ret2 = fun2('dodo',undefined);
        console.log(ret1);
        console.log(ret2);

运行结果：

 参数个数如何规定？

JS中调用函数的时候传入的参数个数和函数给的个数可以是不一致的！比如：

        function fun3(a,b,c,d,e){
            return a+b+c+d+e;
        }
        let ret3 = fun3(10,20);
        let ret4 = fun3(30,40,50);
        let ret5 = fun3("hello",60,70);
        console.log(ret3);
        console.log(ret4);
        console.log(ret5);

运行结果：

 解释：因为这里我们调用函数的时候只传了2个数字参数/3个数字参数，没被传参传到的形参就是undefined，返回结果就是一个NaN；如果把字符串写在前面就是一个拼接的效果，我们传了3个参数，最后两个形参是未定义的，所以就是undefined。

JS函数是"一等公民"！

在JS中，函数就像是一个普通的变量一样，可以被赋值给其他变量，也可以作为另一个函数的参数，也可以作为另一个函数的返回值。

函数赋值演示：

        function fun4(){
            console.log("hello JS");
        }
        let f = fun4;

注意fun4是一个函数名，fun4后面没有()，说明这不是函数调用，而是一个函数的赋值，这个f就是function类型的变量。

上述两个操作其实可以合并为一个操作：

        let f = function fun4(){
            console.log("hello JS");
        }

甚至可以出现以下的写法：

        let f = function(){
            console.log("hello JS");
        }

即没有名字的函数，也称为匿名函数，大家是否还记得lambda表达式呢？

这个操作即定义了一个没有名字的函数，并且把这个函数赋值给了f这个变量，后面就可以基于f来调用这个函数了。

作用域：

        let num = 10;
        function fun1(){
            let num = 20;
            function fun2(){
                return num;
            }
            fun2();
        }
        fun1();

        let student = {
            name: "小黑",
            age: 18,
            num: 201,
            eat: function(){
                console.log("吃饭");
            },

            drink: function(){
                console.log("喝水");
            }
        };

        console.log(student.name);
        console.log(student.age);
        student.eat();

        var student = new Object(); // 和创建数组类似
        student.name = "大白";
        student.height = 170;
        student['weight'] = 150;
        student.sing = function () {
        console.log("hello JS");
        }
        console.log(student.name);
        console.log(student['weight']);
        student.sing();