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

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

文章目录

简单对象
跨行定义对象
typeof
instanceof
undefined
undefined 和 null 的区别

简单对象

<!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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

效果：

在这里插入图片描述

跨行定义对象

定义 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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

输出对象属性：

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

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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

日志：

在这里插入图片描述

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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

日志：

在这里插入图片描述

undefined

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

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

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

    <script>
        //没有定义
        a

    </script>

</head>
<body>

</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

在这里插入图片描述

undefined 和 null 的区别

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

typeof undefined             // undefined
typeof null                  // object
null === undefined           // false
null == undefined            // true
1
2
3
4

1、比较

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

2、何时使用null?

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

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

共同点：都是原始类型，保存在栈中变量本地。
不同点：
（1）undefined——表示变量声明过但并未赋过值。
（2）null——表示一个变量将来可能指向一个对象。

它是所有未赋值变量默认值，例如：

相关阅读:
华夏天信携手华为云开天aPaaS，打造安全、高效、节能的主煤流运输系统
 【限时免费】20天拿下华为OD笔试之【不定滑窗】2023Q1A-完美走位【欧弟算法】全网注释最详细分类最全的华为OD真题题解
 【C语言刷LeetCode】378. 有序矩阵中第 K 小的元素(M)
[学习笔记] 概率与期望及其应用
 概率的意思是什么
 Linux设备树 02 ———— 内核笔记
 闭着眼睛安装Neoj4版本（5.12.0 Community windows）
租房行业调研-租房市场现状研究分析与发展前景预测
 【UVM基础】uvm_do 做了哪些事情？
统信UOS系统开发笔记（七）：在统信UOS系统上使用linuxdeployqt发布qt程序
原文地址：https://blog.csdn.net/zhaoyanjun6/article/details/126503402