JavaScript 对象解读(通俗易懂）

最新推荐文章于 2024-08-19 10:59:54 发布

会璇转地木马

最新推荐文章于 2024-08-19 10:59:54 发布

阅读量770

点赞数 1

分类专栏： js 文章标签： javascript 前端 es6

本文链接：https://blog.csdn.net/qq_46187519/article/details/121252210

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!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>
    <script>
        // 一：
        //利用对象字面量创建对象{}
        //var obj = {}; //创建了一个空的对象
        var obj = {
            uname: '张三',
            age: 18,
            sex: '男',
            sayHi: function(){
                console.log("hello");
            }
        }
        //(1) 里面的属性或者方法我们采取键值对的形式 键 属性名 : 值 属性值
        //(2) 多个属性或者方法中间用逗号隔开的
        //(3) 方法冒号后面跟的是一个匿名函数
        //2，使用对象
        //(1) 调用对象的属性 我们采取 对象名.属性名 .我们理解为 的
        console.log(obj.uname);
        //(2) 调用属性还有一种方法 对象名['属性名']
        console.log(obj['age']);
        //(3) 调用对象的方法 sayHi 对象名.方法名() 千万别忘记添加小括号
        obj.sayHi();

        // 变量，属性，函数，方法的区别
        // 1，变量和属性的相同点 他们都是用来存储数据的
        var num = 10;
        var obj = {
            age: 18,
            fn: function(){

            }
        }
        function fn(){

        }
        console.log(obj.age);
        // 变量 单独声明并赋值 使用的时候直接写变量名 单独存在
        // 属性 在对象里面的不需要声明的 使用的时候必须是 对象.属性
        // 2，函数和方法的相同点 都是实现某种功能 做某件事
        // 函数是单独声明 并且调用的 函数名() 单独存在的
        // 方法 在对象里面 调用的时候 对象.方法()



        // 二：
        // 利用 new Object 创建对象
        var obj = new Object(); // 创建了一个空的对象
        obj.names = '肖';
        obj.ages = 18;
        obj.sexs = '男';
        obj.sayHis = function(){
            console.log('hi');
        }
        // (1) 我们是利用 等号 = 赋值的方法 添加对象的属性和方法
        // (2) 每个属性和方法之间用 分号结束
        console.log(obj.names);
        console.log(obj['sexs']);
        obj.sayHis();


        // 三：
        //构造函数 就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面。
        //利用构造函数创建对象
        //构造函数的语法格式
        // function 构造函数名(){
        //     this.属性 = 值;
        //     this.方法 = function(){}
        // }
        //new 构造函数名();
        //1，构造函数名字首字母要大写
        function Star(uname,age,sex){
            this.name = uname;
            this.age = age;
            this.sex = sex;
        }
        var ldh = new Star('肖**',18,'男'); //调用函数还回的是一个对象
        console.log(typeof ldh);
        console.log(ldh.name);
        console.log(ldh.sex);
        //2，我们构造函数不需要return 就可以还回结果
        //3，我们调用构造函数 必须使用 new
        //4，我们只要new Star() 调用函数就创建一个对象 ldh {}
        //5，我们的属性和方法前面必须添加 this



        //四：
        //构造函数和对象的区别
        //构造函数，如Stars()，抽象了对象的公共部分，封装到了函数里面，它泛指某一大类(class)
        //创建对象，如new Stars()，特指某一个，通过new关键字创建对象的过程我们也称为对象实例化


        //五：
        //new 关键字执行过程
        //1，new 构造函数可以在内存中创建了一个空的对象
        //2，this 就会指向刚才创建的空对象
        //3，执行构造函数里面的代码 给这个空对象添加属性和方法
        //4，还回这个对象


        

    </script>
</head>
<body>
    
</body>
</html>

会璇转地木马

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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>Do.
复制链接

扫一扫

专栏目录