[JavaScript]Object（对象）学习

最新推荐文章于 2023-04-23 23:48:48 发布
最新推荐文章于 2023-04-23 23:48:48 发布
阅读量7.6k 收藏 4
点赞数
分类专栏： Web 文章标签： object javascript function prototype null delete
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ggjjzhzz/article/details/480471
版权

 

创建空对象：

                var o = new Object();
                o.a = "A";
                o.b = "B";
                o.c = "C";
                alert(o.a + o.b + o.c);

                ABC

对象直接量：

                var o1 = {a:1, b:2, c:3};
                alert(o1.a + o1.b + o1.c);

                6

嵌套的对象：

                var o = new Object();
                o.a = "A";
                o.b = "B";
                o.c = "C";
                o.d = {x:1, y:2, z:3};
                alert(o.a + o.b + o.c + o.d.x + o.d.y + o.d.z);

                ABC123

未定义的对象属性：

                var o = new Object();
                o.a = "A";
                o.b = "B";
                o.c = "C";
                o.d = {x:1, y:2, z:3};
                o.a = o.no_such_property;
                delete o.b;
                o.c = null;
                o.d.x = void 0;
                alert(o.a + ',' + o.b + ',' + o.c + ',' + o.d.x + ',' + o.d.y + o.d.z);

                undefined,undefined,null,undefined,23

枚举对象中的属性名：

                var o = new Object();
                o.a = "A";
                o.b = "B";
                o.c = "C";
                o.d = {x:1, y:2, z:3};
                var s = "";
                for (i in o)
                {
                    s += i + ",";
                }
                alert(s);

                a,b,c,d,       

构造函数：

            function init()
            {
                function Book(name, author)
                {
                    this.name = name;
                    this.author = author;
                }
                var book1 = new Book('The Republic', 'Plato');
                var book2 = new Book('A History of Western Philosophy', 'Russel');
                alert("<" + book1.name + ">(" + book1.author + ")");
                alert("<" + book2.name + ">(" + book2.author + ")");
            }

              <The Republic>(Plato)

              <A History of Western Philosophy>(Russel)

将方法赋给对象：(必须分别赋给创建的每一个对象）

                function Book(name, author)
                {
                    this.name = name;
                    this.author = author;
                }
                function toString()
                {
                    return "<" + this.name + ">(" + this.author + ")";
                }
                var book1 = new Book('The Republic', 'Plato');
                book1.toString = toString;
                var book2 = new Book('A History of Western Philosophy', 'Russel');
                book2.toString = toString;
                alert(book1.toString());
                alert(book2.toString());

             <The Republic>(Plato)

               <A History of Western Philosophy>(Russel)

将方法的赋值放在构造函数里：

                function Book(name, author)
                {
                    this.name = name;
                    this.author = author;
                    this.toString = toString;
                }
                function toString()
                {
                    return "<" + this.name + ">(" + this.author + ")";
                }
                var book1 = new Book('The Republic', 'Plato');
                var book2 = new Book('A History of Western Philosophy', 'Russel');
                alert(book1.toString());
                alert(book2.toString);

                <The Republic>(Plato)

              function toString()
                {
                    return "<" + this.name + ">(" + this.author + ")";
                }

prototype原型：

        function init()
        {
            function Book(title, author)
            {
                this.title = title;
                this.author = author;
            }
            function toString()
            {
                return this.title + "," + this.author + "," + this.subject;
            }
            Book.prototype.subject = "Philosophy";
            Book.prototype.toString = toString;
            var book = new Book("Republic", "Plato");
            document.write(book.toString() + "<br>");
            for (i = 1;i <= 5; i++)
            {
                book = new Book("T" + i, "A" + i)
                if (i % 2 == 0) Book.prototype.subject = "Maths";
                else Book.prototype.subject = "Chemistry";
                document.write(book.toString() + "<br>");
            }
        }

Republic,Plato,Philosophy
T1,A1,Chemistry
T2,A2,Maths
T3,A3,Chemistry
T4,A4,Maths
T5,A5,Chemistry

即使属性是在对象被创建以后才添加到它的原型对象中的，对象也能够继承这些属性：

function init()
        {
            function Book(title, author)
            {
                this.title = title;
                this.author = author;
            }
            function toString()
            {
                var v = "";
                for (s in this)
                {
                    v+= s + ",";
                }
                return v;
            }
            Book.prototype.toString = toString;
            var book = new Book("Republic", "Plato");
            document.write(book.toString() + "<br>");
            Book.prototype.subject = "Philosophy";
            document.write(book.toString() + "<br>");  
        }

title,author,
subject,title,author,

关于prototype，一个奇怪的问题：

function Book(title, author)
            {
                this.title = title;
                this.author = author;
            }
            function getFields(O)
            {
                var v = "";
                for (s in O)
                {
                    v+= s + "=" + O[s] + ",";
                }
                return v;
            }
            var A = new Book("Ta", "Aa");
            var B = new Book("Tb", "Ab");
            document.write("--------------------------<br>");
            document.write(getFields(A) + "<br>");
            document.write(getFields(B) + "<br>"); 
            B.pages = 508;
            B.price = "$20.50";
            document.write("--------------------------<br>");
            document.write(getFields(A) + "<br>");
            document.write(getFields(B) + "<br>");
            Book.prototype = B;
            document.write("--------------------------<br>");
            document.write(getFields(A) + "<br>");
            document.write(getFields(B) + "<br>"); 
            document.write("--------------------------<br>");
            document.write(getFields(Book.prototype) + "<br>");
            var C = new Book("Tc", "Ac");
            document.write("--------------------------<br>");
            document.write(getFields(C) + "<br>");

--------------------------
title=Ta,author=Aa,
title=Tb,author=Ab,
--------------------------
title=Ta,author=Aa,
title=Tb,author=Ab,pages=508,price=$20.50,
--------------------------
title=Ta,author=Aa,

//在“Book.prototype=B”执行以后，对象A并没有获得B中的两个新属性。奇怪。新创建的对象C却获得了。
title=Tb,author=Ab,pages=508,price=$20.50,
--------------------------
title=Tb,author=Ab,pages=508,price=$20.50,
--------------------------
price=$20.50,pages=508,title=Tc,author=Ac,

面向对象的JavaScript:

function Book(title, author)
            {
                this.title = title; //实例变量
                this.author = author;
            }
            Book.prototype.toString = function() //实例方法
            {
                var a = "Book[";
                for (s in this)
                {
                    a += s + "=" + this[s] + ";";
                }
                a += "]";
                return a;
            }
            Book.toString = function(book) //静态方法
            {
                var a = "Book[";
                for (s in book)
                {
                    a += s + "=" + book[s] + ";";
                }
                a += "]";
                return a;
            }
            var A = new Book("Ta", "Aa");
            Book.KIND = "book"; //静态变量
            document.write(A.KIND + ";" + Book.KIND + "<br>");
            document.write(A.toString() + "<br>");
            document.write(Book.toString(A) + "<br>");

undefined;book
Book[title=Ta;author=Aa;]
Book[title=Ta;author=Aa;]

undefined;book
Book[title=Ta;author=Aa;]
Book[title=Ta;author=Aa;]

 

ggjjzhzz
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
object常用方法及对象拷贝
honeyhyang的博客
05-16 915
1.Object.assign(target,source1,source2,…) 该方法主要用于对象的合并，将源对象source的所有可枚举属性合并到目标对象target上,此方法只拷贝源对象的自身属性，不拷贝继承的属性。 Object.assign方法实行的是浅拷贝，而不是深拷贝。也就是说，如果源对象某个属性的值是对象，那么目标对象拷贝得到的是这个对象的引用。同名属性会替换。 Object.a...
Javascript Object 对象学习笔记
10-25
主要介绍了Javascript Object 对象学习笔记,需要的朋友可以参考下
几个简单的JavaScript列子
rover_wolf的博客
11-21 126
几个适合初学JavaScript的列子
js简单列子
chuichaiji4771的博客
04-22 82
<!--css样式--> <style type="text/css"> #div1{ width: 200px; height: 200px; background-color: ...
JS的Object的方法
最新发布
qq_43235503的博客
04-23 107
JS的Object的方法
Object类的常用方法！附加个人理解，欢迎指正！
qq_44643122的博客
07-16 464
1）checkFromIndexSize​(int fromIndex, int size, int length) 检查是否在子范围从 fromIndex （包括）到 fromIndex + size （不包括）是范围界限内 0 （包括）到 length （不包括）。简单理解就是是否越界，意思就是1+（1+size）是不是在区间0-3内； 2）checkFromToIndex​(int fromIndex, int toIndex, int length) 检查是否在子范围从 fromIndex （
JavaScript中的Object对象学习教程
10-22
主要介绍了JavaScript中的Object对象学习教程,是JavaScript入门学习中的基础知识,需要的朋友可以参考下
Javascript 面向对象 对象(Object)
10-29
### JavaScript面向对象编程之对象(Object) #### 一、引言 JavaScript 作为一种广泛使用的脚本语言，在 Web 开发中占据着举足轻重...通过本文的学习，相信读者已经掌握了 JavaScript 中对象的基本概念及其使用方法。
object方法
judy_hason的博客
05-10 202
1.Object.entries() 把一个对象的键值以数组的形式遍历出来，（不包括Symbol值的属性）。结果和 for...in 一致，但不会遍历原型属性。 var obj = { a: 1, b: 2, c: 3, [Symbol()]: 4 }; Object.entries(obj); // [["a", 1], ["b", 2], ["c", 3]] （1）传入非对象的参数，强制类型转换为对象 var str = 'abcde'; Object.ent
JavaScript之Object()对象
姚格格---小豹blog
04-18 3219
1.JavaScript的所有的其他对象都继承自Object对象，也就是说哪些对象都是Object的实例。 2.Object对象原生的方法：Object本身的方法和Object的实例方法。 （1）Object对象本身的方法（直接定义在Object对象的方法） （下面的print方法就是直接的定义在Object对象上的方法（调用print方法即可启动网页的打印功能）） Object.pr...
javascript多种经典例子
11-30
javascript多种经典例子
Object的属性和方法
yuqin的博客
07-27 322
属性： value：默认为undefined writable：默认为false enumerable：默认为false configurable：默认为false constructor：用于创建一个对象的原型。 方法：这里的Object可以替换为其他对象 Object.hasOwnProperty() 返回一个布尔值，表示某个对象是否含有指定的属性，而...
JavaScript 常用55个例子
loehuang的专栏
11-09 504
 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 no 可用于Table 2. 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. IE地址栏前换成自己的图标 6. 可以在收藏
JSON学习（JSON: JavaScript Object Notation(JavaScript 对象表示法)）
关启培的博客
07-13 579
本部分是对菜鸟教程的一些总结。什么是 JSON ？JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）JSON 是轻量级的文本数据交换格式JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态（PHP，JSP，...
JavaScript面向对象——Object对象
发现问题，面对问题，分析问题，解决问题，总结问题
07-17 652
Object原型对象Object.prototype上的方法是可以被Object实例直接使用，而前面也说到了JavaScript的所有其他对象都是Object的实例，即代表着所有其他对象可以正常访问上面的hello()方法，但是print属于对象自己的方法所以不能被其他对象访问。Object对象的原生方法分成两类Object本身的方法与Object的实例方法。JavaScript的所有其他对象都继承自Object对象，即那些对象都是Object的实例。即Object.XXX的调用形式。...
JS中 Object.assign()用法
qq_41494464的博客
12-05 8191
方法：Object.assign() 作用：将sourse对象的 值 赋值给目标对象，两者都有的会覆盖，target独有会保留，sourse独有会添加 使用方法： 1.复制对象 var obj = { a: 1 }; var copy = Object.assign({}, obj); console.log(copy); // { a: 1 } 2.合并对象 var o1 = { a: 1 ...
JavaScript Object Notation(json)
漫
02-22 794
json---一种轻量级的数据交换格式，采用完全独立于语言的文本格式，这样使得JSON成为最理想的数据交换语言，易于机器的解析和生成（一般用于提升网络的传输速率） 创建表格 动态创建表格 table{width:600px; border-collapse:collapse; text-align:center; } td,th{border:1px solid #cc
JSON(JavaScript Object Notation)
kanwoerzi
11-13 127
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C...
JavaScript面向对象深度解析
"深入理解JavaScript的面向对象编程特性及其基本类型" 在JavaScript中，面向对象编程是一种重要的编程范式，它允许我们创建具有属性和方法的对象，以模拟...理解并掌握这些基础知识对于深入学习JavaScript至关重要。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值