JS的基础语法（二）——对象和函数的基本操作

发芽吧

已于 2022-11-18 09:48:47 修改

阅读量103

点赞数

文章标签：学习 javascript 开发语言

于 2022-11-02 15:02:45 首次发布

本文链接：https://blog.csdn.net/qq_46134223/article/details/127610630

版权

1.对象概述

Object类型，称之为一个对象，是JavaScript中的引用数据类型。它是一种复合值，将很多值聚合到一起，可以通过名字访问这些值。对象也可以看做是属性的无序集合，每个属性都是一个名/值对。对象除了可以创建自有属性，还可以通过从一个名为原型的对象那里继承属性。除了字符串、数字、true、false、null和undefined之外，JavaScript中的值都是对象。
2.对象的相关操作

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //对象的定义1
        var student = new Object();
        student.name = '哈哈';
        student.age = 18;
        console.log(student);
       //对象的定义2
       var person = {
         name: "鱼鱼",
         age: 19
                };
        console.log(person);
        //删除对象属性
        delete student.name
        console.log(student);
        //遍历对象
        for (var personKey in person) 
         {
            var personVal = person[personKey];
            console.log(personKey + ":" + personVal);
         }
         //JavaScript两种不同数据类型的值：基本数据类型和引用数据类型。JavaScript中一共有5种基本数据类型：String、Number、 Boolean、Undefined、Null。
         //基本数据类型的比较是值的比较，也就是只要两个变量的值相等，我们就认为这两个变量相等。

       /* 引用类型的值是保存在内存中的对象。

            当一个变量是一个对象时，实际上变量中保存的并不是对象本身，而是对象的引用。

            当从一个变量向另一个变量复制引用类型的值时，会将对象的引用复制到变量中，并不是创建一个新的对象。

            这时，两个变量指向的是同一个对象。因此，改变其中一个变量会影响另一个。 */
            c = person;//将对象的引用复制到变量中，并不是创建一个新的对象
            console.log(c);
    </script>
</body>
</html>

3.函数概述

函数由一连串的子程序（语句的集合）所组成的，可以被外部程序调用，向函数传递参数之后，函数可以返回一定的值。

通常情况下，JavaScript代码是自上而下执行的，不过函数体内部的代码则不是这样。如果只是对函数进行了声明，其中的代码并不会执行，只有在调用函数时才会执行函数体内部的代码。

这里要注意的是JavaScript中的函数也是一个对象，使用typeof检查一个函数对象时，会返回function。

4.函数的相关操作

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //函数的第一种定义方式，语法格式：var 函数名 = new Function("执行语句");
      var fun1 = new  Function("console.log('这是JS中函数的第一种定义方式，几乎不怎么用');");
      var fun2 = new  Function("console.log('这是我的第一个函数');");
      fun1 ();//函数定义之后需要调用才能在控制台中显示结果
      fun2 ();
          /* 函数的第二种定义方式，语法格式：
                var 函数名  = function([形参1,形参2,...,形参N]) {
                                        语句....
         } */
       var fun3 = function(name,age,gender)
       {
           console.log(name,age,gender);
           //return "my name is " + name + ", my age is " + age; 
       }
       var person = {
         name: "鱼鱼",
         age: 19,
         gender: "女"
                };
        fun3 (person);
        fun3('崽崽','24','女');
   /*      函数的第三种定义方式，语法格式：function 函数名([形参1,形参2,...,形参N]) {
    语句...
}*/
function fun4(number,credit,grade){
    console.log(number,credit,grade);
}
fun4('2324','89','第四');
    </script>
</body>
</html>

结果如下：