6_获取对象的属性和方法(含结构对象取法)

原创于 2021-03-30 20:22:43 发布 · 330 阅读

0 ·

CC 4.0 BY-SA版权

Es6 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了JavaScript中变量'Pning'和专业领域'JavaWeb开发'的使用，展示了通过点.操作符和中括号[]访问对象属性的方法，以及ES6的结构对象语法。重点在于理解对象的动态属性获取和现代JavaScript语法的应用。

<!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 name = "Pning";
        var professional = "JavaWeb开发";
        var info = {
            name,
            professional,
            go(){
                console.log(info);
            }
        };
        //1、通过.获取
        console.log("通过.获取");
        console.log(info.name);
        console.log(info.professional);
        info.go();
        //通过[]获取
        console.log("通过[]获取");
        console.log(info["name"]);
        console.log(info["professional"]);
        info["go"]();
        //es6的结构对象
        console.log("通过结构对象获取");
        var {name,professional,go} = info;//可以自己挑属性
        var {name,go} = info;
        console.log({name,professional,go});
        console.log({name,go});
    </script>
</body>
</html>