JavaScript 对象笔记
1. JS 将对象看成是属性的无序集合, 每个属性是一个key/value, 属性名是字符串, 值为任意类型; 对象除了键值对, 还从一个称为 "原型" 的 对象 继承属性(为啥是从对象继承呢? ). 对象的方法通常是继承来的, 原型继承是js的核心特征.
2. 对象中不能存在同名的属性(怎么重载呢?), 属性特性:
- 可写: 表示可以设置该属性的值
- 可枚举: 表示可以使用for/in循环返回该属性
- 可配置: 表示可以删除和或修改该属性(名)
3. 对象除了包含属性之外,其他特征:
- 对象的原型: 指向另一个对象, 本对象的属性继承自它的原型对象.
- 对象的类: 是一个标志对象类型的字符串
- 对象的扩展标记: 表明是否可以向该对象添加新的属性.
4. 对对象和属性分类
- 内置对象: ECMAScript规范定义的对象或类, 如: 数组, 函数, 日期和正则
- 宿主对象: 由js解析器嵌入的宿主环境(如web浏览器)定义的. 客户端js中表示网页结构的HTMLElement对象都是宿主对象. 既然宿主环境定义的方法可以当成普通的JavaScript函数对象, 那么宿主对象也可以当成内置对象.
- 自定义对象: 运行中js代码创建的对象
- 自有属性: 直接在对象中定义的属性.
- 继承属性: 对象从原型对象中定义的属性
5. 对象的定义和使用中需要注意的地方.
- 属性名字有空格,连字符等特殊符号/使用保留字时要用引号(单引号双引号均可)表示.
- 属性访问并不总是返回或者设置一个值, 查询一个不存在的属性并不会报错, 而是返回undefined. 但是对象不存在就会报错, 可以使用短路的 && 操作符来先保证对象存在: var len = book && book.subtitle && book.subtitle.length; 避免类型错误异常.
- delete只能删除对象的自有属性, 而不能删除继承属性, 要删除继承属性必须从定义这个属性的原型对象上删除它, 而且这样会影响到所有继承自这个原型的对象). 删除已经删除过的属性什么都不会做,然后依然返回true(如果delete 后面不是一个属性访问表达式, 同样返回true. 如 delete 1). 删除不可配置属性会返回false, 某些内置对象的属性是不可配置的, 如在浏览器中通过变量声明和函数声明创建的全局对象的属性 (在nodejs中就不一定).
o = {x:}; // 没有var , 创建了一个可配置的全局对象的属性
console.log(delete o.x);
console.log(delete o.x);
console.log(delete Object.prototype)
var x = ; // 有var , 创建了一个不可配置的全局对象的属性.
console.log(delete this.x);
function f(){} // 创建了不可配置的全局对象的属性.
console.log(delete this.f)
在浏览器和nodejs中得到的结果不一样, 可能是因为内置对象的可配置属性不一样吧, 如果想调试delete的返回结果, 那么可以查询一下你要删除的属性是否为可配置的.
6. 原型
- 除了null外, 每一个js对象都与另一个对象(原型)关联. 通过对象直接量创建的对象都具有同一个原型对象.
- 通过js代码Object.prototype 获取对原型对象的引用. 通过new和构造函数调用创建的对象的原型就是构造函数的prototype属性的值, 也是继承自Object.prototype. (new Date() 创建的对象的原型是: Date.prototype).
-->
JavaScript 对象笔记的更多相关文章
- javascript对象笔记
JS对象 对象是一个具体的事物 在JS中对象是一组无序属性和方法的集合例如字符串,数组,函数等等 对象是由属性和方法组成的 属性:是事物的特征,在对象中用属性来表示一般 ...
- JavaScript学习笔记(十五)——对象之Date,RegExp
在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/ ...
- JavaScript:学习笔记(9)——Promise对象
JavaScript:学习笔记(9)——Promise对象 引入Promise Primose是异步编程的一种解决方案,比传统的解决方案回调函数和事件更加合理和强大.如下面为基于回调函数的Ajax操作 ...
- JavaScript:学习笔记(8)——对象扩展运算符
JavaScript:学习笔记(8)——扩展运算符 对象的扩展运算符 扩展运算符是三个点(...).用于取出参数对象的所有可遍历属性,然后拷贝到当前对象之中. 如上图所示,新建了一个对象a,然后通过扩 ...
- javaScript 对象学习笔记
javaScript 对象学习笔记 关于对象,这对我们软件工程到学生来说是不陌生的. 因为这个内容是在过年学到,事儿多,断断续续,总感觉有一丝不顺畅,但总结还是要写一下的 JavaScript 对象 ...
- JavaScript:学习笔记(10)——XMLHttpRequest对象
JavaScript:学习笔记(10)——XMLHttpRequest对象 XHR对象 使用XMLHttpRequest (XHR)对象可以与服务器交互.您可以从URL获取数据,而无需让整个的页面刷新 ...
- Javascript学习笔记——操作浏览器对象
Javascript学习笔记 目前尝试利用javascript去对于一个浏览器对象完成一系列的访问及修改, 浏览器是网页显示.运行的平台,常用的浏览器有IE.火狐(Firefox).谷歌(Chrome ...
- JavaScript学习笔记(一)——延迟对象、跨域、模板引擎、弹出层、AJAX示例
一.AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效 ...
- JavaScript学习笔记——对象知识点
javascript对象的遍历.内存分布和封装特性 一.javascript对象遍历 1.javascript属性访问 对象.属性 对象[属性] //字符串格式 //javascript属性的访问方法 ...
随机推荐
- CenOS7.4内核升级修复系统漏洞
先查看当前内核版本# uname -a 一. 导入key# rpm --import https://www.elrepo.org/RPM-GPG-KEY-elrepo.org 二. 安装elrepo ...
- SAP MM模块 经常使用Bapi
1.sap货物移动相关的bapi(MIGO/MB1A) 货物移动的bapi BAPI_GOODSMVT_CREATE 当中 參数 : GOODSMVT_CODE 有 GMCODE Table T ...
- Android分类导航
新的一年,将在2017下半年所写的博文作了个总结,也是方便自己以后查阅,整理完也是发现在这半年而是学到了许多,新的一年,继续努力! 我的第一个Android开源库——CirclePointMove中文 ...
- ASP.NET MVC基础入门.
一:ASP.NET MVC 简介 1:asp.net mvc 是一种构建web应用程序的框架,他将一般的MVC(Model--View--Controller)模式应用于asp.net框架. 2:as ...
- Web验证方式(1)--Http Basic Authentication
Http Basic Authentication是HTTP协议中定义的Web系统中的验证方式.参考wiki 主要的实现机制如下: 1. 用户通过浏览器匿名访问web资源. 2. web服务器检测到w ...
- bzoj4331: JSOI2012 越狱老虎桥
Description 这里,是美丽的南京:这里,是秀美的进香河:这里是安逸的老虎桥. 如果说进香河的美,美在其秀美的风光,倒不如说是美在了那惬意的南京古典小巷式生活.如果说进香河的迷人,在其淳朴的 ...
- linux中强大的screen命令
今天发现了一个“宝贝”,就是Linux的screen命令,对于远程登录来说,不仅提供了类似于nohup的功能,而且提供了我非常喜欢的“多个桌面”的功能. 平常开一个putty远程登录,经常需要在两个程 ...
- servlet的登陆案例
Users.java package com.po; public class Users { private String username; private String password; pu ...
- 学python着几个要搞清楚WSGI和uWSGI区别
1 WSGI是一种通信协议 2 uwsgi是一种线路协议而不是通信协议,在此常用于在uWSGI服务器与其他网络服务器的数据通信. 3 而uWSGI是实现了uwsgi和WSGI两种协议的Web服务器.
- css字体中英文对照表(转)
在css文件中,我们常看到有些字体名称变成了乱码,这是由于网页开发者将中文字体的名字直接写成了中文,而css文件本身没有声明字符编码方式,查看时就出现了乱码.为了避免这种乱码状况出现,可以将css文 ...