4-JS对象

时间:2022-01-31 00:00:55

js中哪些是对象

除了字符串、数字、false、true、null和undefined之外,JavaScript中的值都是对象

原型(prototype)

每一个JavaScript对象(null除外)都和另一个对象相关联。“另一个对象”指原型,每一个对象都从原型继承属性。

所有通过直接量创建的对象都具有同一个原型对象,并可以通过JavaScript代码Object.prototype获得原型对象的引用。通过关键字new和构造函数调用创建的对象的原型就是构造函数的prototype属性的值。例如: 通过 new Array()创建的对象的原型就是Array.prototype.没有原型的对象为数不多,Object.prototype就是其中之一。它不继承任何属性。其他原型对象都是普通对象,普通对象都具由原型。

对象的创建

var obj1 = {a: '1', b: 1, c:(x) => {console.log(x)}}
var obj2 = new Object() var o1 = Object.create({x:1,y:2}) //o1继承了属性x和y
var o2 = Object.create(null); //o2不继承任何属性和方法,该方法用来创建一个没有原型的新对象
var o3 = Object.create(Object.prototype); //o3和{}和newObject()一样

对象的查询(get)和设置(set)

var book = {name:"book1"};
var name = book.name; //获得book的”name”属性
var name2 = book["name"]; //获得book的”name”属性
book.title = "title1"; //给book创建一个名为”title1的属性”
book["name"] = "book3"; //给“name”属性赋值

删除属性(delete)

delete运算符可以删除对象的属性,delete只是断开属性和宿主对象的联系,而不会去操作属性中的属性。delete运算符只能删除自有属性,不能删除继承属性。

delete book.name;    //book不再有属性name
delete book["name"] //book不再有属性”name”
o = {x:1}; //o有一个属性x,并且继承属性toString
delete o.x; //删除x,返回true
delete o.x; //什么都没做(x已经不存在了),返回true
delete o.toString; //什么也没做(toString是继承的),返回true
delete 1; //无意义,返回true

检测属性

可以通过in运算符、hasOwnPreperty()和propertyIsEnumerable()方法来完成这个工作,甚至仅通过属性查询也可以做到这点。

var o = {x: 1};
"x" in o; //true :”x”是o的对象
"y" in o; //false:”y“不是o的对象
"toString" in o; //true:o继承toString属性 var o = {x: 1};
o.hasOwnProperty("x"); //true: o有一个*属性x
o.hasOwnProperty("y"); //false: o中不存在属性y
o.hasOwnProperty("toString"); //false: toString是继承属性

除了用in运算符之外,另一种更简便的方法是使用”!==”判断一个属性是否是undefined:

o.x !== undefined;  //true: o中有属性x
o.y !== undefined; //false: o中没有属性y
o.toString !== undefined; //true: o继承了toString属性

枚举属性

对象继承的内置方法是不可枚举的,但在代码中给属性添加的属性都是可枚举的。

var o = {x: 1, y: 2, z: 3};   //三个可枚举的*属性
o.propertyIsEnumerable("toString") //false,不可枚举
//遍历属性
for(p in o){
console.log(p); //输出x、y和z,不会输出toString
}

4-JS对象的更多相关文章

  1. JS对象继承篇

    JS对象继承篇 ECMAScript只支持实现继承,而且其实现继承主要是依靠原型链来实现的 原型链 其基本思路是利用原型让一个引用类型继承另一个引用类型的属性和方法 function Person() ...

  2. JS 对象封装的常用方式

    JS是一门面向对象语言,其对象是用prototype属性来模拟的,下面,来看看如何封装JS对象. 常规封装 function Person (name,age,sex){ this.name = na ...

  3. JSON字符串和JS对象之间的转换

    JSON字符串和JS对象之间的转换 1 json字符串转换为js对象 1.1 标准json格式字符串转换为Js对象  JSON字符串 str JSON.parse(str) eval(str) eva ...

  4. js 对象的_proto_

    js 对象呢,有个属性叫_proto_,以前没听说过,也没关注,最近看这个原型,就*知道了这个东西,js 这里面的东西,真是规定的很奇怪,具体为啥也不知道,就测试发现的,对象的_proto_属性,和 ...

  5. js对象/数组深度复制

    今天碰到个问题,js对象.数组深度复制:之前有见过类似的,不过没有实现函数复制,今晚想了一下,实现代码如下: function clone(obj) { var a; if(obj instanceo ...

  6. js对象的深度克隆

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. js对象详解

    js自定义对象 一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在J ...

  8. js对象常用2中构造方法

    //js 对象的构造方法通常有2中情况: //第一种是通过json对象构造 var persion={ name:"孙悟空", age:40, eat:function () { ...

  9. JS对象复制

    在JavaScript很多人复制一个对象的时候都是直接用"=",因为大家都觉得脚本语言是没有指针.引用.地址之类的,所以直接用"="就可以把一个对象复制给另外一 ...

  10. js对象私有变量公有变量问题

    0 js对象私有变量公有变量问题5 小弟初学JS面向对象编程 现有一问题 请教各位大虾: Person=function (){ //私有变量定义 var name; vae age; var Ale ...

随机推荐

  1. Compiler Warning &lpar;level 3&rpar; C4800

    #pragma warning( disable : 4800 ) // forcing bool 'true' or 'false' ,忽略4800 警告#pragma warning( disab ...

  2. iOS运行时 -- Runtime&lpar;摘抄自网络&rpar;

    运行时(iOS) 一.什么是运行时(Runtime)? 运行时是苹果提供的纯C语言的开发库(运行时是一种非常牛逼.开发中经常用到的底层技术) 二.运行时的作用? 能获得某个类的所有成员变量 能获得某个 ...

  3. Solve error&colon; &&num;39&semi;class vtkImageActor&&num;39&semi; has no member named &&num;39&semi;SetInput&&num;39&semi;

    Replacement of SetInput() with SetInputData() and SetInputConnection() someFilter->SetInput(someR ...

  4. 实现JWT刷新机制以及让过期时间更精确

      借助accessToken和refreshToken实现   accessToken控制刷新间隔,refreshToken控制最长过期时间   Min过期时间 = refreshToken过期时间 ...

  5. 小程序encryptedData

    准备知识: Base64编解码 AES算法.填充模式.偏移向量 session_key会话密钥,以及怎么存储和获取 以上3点对于理解解密流程非常重要. 根据官方文档,我梳理了大致的解密流程,如下: 小 ...

  6. RedHat 7&period;3 Oracle 12&period;2&period;0&period;1 RAC 安装手册&lpar;转&rpar;

    1  准备工作 1.1   关于GRID的一些变化 1.1.1  简化的基于映像的Oracle Grid Infrastructure安装 从Oracle Grid Infrastructure 12 ...

  7. 【转】谈&OpenCurlyDoubleQuote;P&equals;NP&quest;”

    “P=NP?” 通常被认为是计算机科学最重要的问题.有一个叫Clay Math的研究所,甚至悬赏 100 万美元给解决它的人.可是我今天要告诉你的是,这个问题其实是不存在的,它根本不需要解决. 我并不 ...

  8. vue移动端更改手机物理按键返回问题

    又是一天见面的日子,春季盎然~ 已经无法在继续抒情下去了,写作水平骤降!! 今天记录下应用cordva+vue生成的apk 在手机物理返回时遇到的问题: 前提说~~应用vue,我们可以自定义上一路径和 ...

  9. &lbrack;BJOI2006&rsqb;狼抓兔子——最小割转对偶图最短路

    其实这个题直接Dinic跑最小割可过. (小优化是: 无向图建网络流,一条边不用建成4条,可以正反容量都是边权即可.完全等价 ) [无效]网络流之转换对偶图 一个巧妙的事情是,如果建边合适的话,最小割 ...

  10. 如何使用事务码SMICM分析ABAP代码发起的HTTP请求的错误ICM&lowbar;HTTP&lowbar;SSL&lowbar;PEER&lowbar;CERT&lowbar;UNTRUSTED

    当我用CL_HTTP_CLIENT往一个外网的url发请求时,遇到错误:ICM_HTTP_SSL_PEER_CERT_UNTRUSTED 错误是从这段ABAP代码里抛出来的: CALL METHOD ...