Html第4集：对象定义、typeof、instanceof、undefine

赵彦军

已于 2022-08-24 14:52:59 修改

阅读量547

点赞数

分类专栏：前端学习笔记文章标签：学习 html css javascript

于 2022-08-24 14:14:09 首次发布

本文链接：https://blog.csdn.net/zhaoyanjun6/article/details/126503402

版权

前端学习笔记专栏收录该内容

14 篇文章 1 订阅

订阅专栏

转载请标明出处：http://blog.csdn.net/zhaoyanjun6/article/details/126503402
本文出自【赵彦军的博客】

简单对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>

    <script>

        //定义对象
        user = {name: "zhaoyanjun", age: 10, man: true}

        //日志
        console.log(user.name + user.age + user.man)

        //对象赋值
        user.name = "多多"
        user.age = 3

        //日志
        console.log(user.name + user.age + user.man)

    </script>

</head>
<body>

</body>
</html>

效果：

在这里插入图片描述

跨行定义对象

定义 JavaScript 对象可以跨越多行，空格跟换行不是必须的：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>

    <script>

        //定义对象
        user = {
            name: "zhaoyanjun",
            age: 10,
            man: true
        }

    </script>

</head>
<body>

</body>
</html>

输出对象属性：

  console.log(user.name)
  console.log(user["name"])

typeof

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>

    <script>

        console.log(typeof 1)
        console.log(typeof 2.3)
        console.log(typeof "abc")
        console.log(typeof false)
        console.log(typeof [1, 2, 3])
        console.log(typeof {name: "zyj"})

    </script>

</head>
<body>

</body>
</html>

日志：

在这里插入图片描述

instanceof

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>

    <script>

        a = new Number(1)

        if (a instanceof Number) {
            console.log("Number")
        }

        b = new String("abc")

        if (b instanceof String) {
            console.log("String")
        }

        c = new Boolean(false)

        if (c instanceof Boolean) {
            console.log("Boolean")
        }
        
    </script>

</head>
<body>

</body>
</html>

日志：

在这里插入图片描述

undefined

在 JavaScript 中, undefined 是一个没有设置值的变量。

typeof 一个没有值的变量会返回 undefined。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>

    <script>
        //没有定义
        a

    </script>

</head>
<body>

</body>
</html>

在这里插入图片描述

undefined 和 null 的区别

null 和 undefined 的值相等，但类型不等：

typeof undefined             // undefined
typeof null                  // object
null === undefined           // false
null == undefined            // true

1、比较

（1）undefined：是所有没有赋值变量的默认值，自动赋值。
（2）null：主动释放一个变量引用的对象，表示一个变量不再指向任何对象地址。

2、何时使用null?

当使用完一个比较大的对象时，需要对其进行释放内存时，设置为 null。

3、null 与 undefined 的异同点是什么呢？