读书笔记 - js高级程序设计 - 第六章 面向对象的程序设计
|
EcmaScript有两种属性
|
数据属性 和 访问器属性
|
|
数据属性有4个特性
|
Configurable
Enumerable
Writable
Value
前三个值的默认值都为false
举例
Object.defineProperty( person, "name", { writable:false, value:"niko"} ) ;
一旦属性定义为不可配置的,就不能再把它变回可配置的了
|
|
读取属性 的特性
|
var descriptor = Object.getOwnPropertyDescriptor( book, "_year" )
descriptor.value
descriptor.configurable
|
|
使用构造函数模式创建对象
|
function Person( name,age,job ){
this.name = name ;
this.age = age ;
this.sayName = function(){
alert( this.name )
}
}
|
|
用原型模式创建对象
|
function Person(){}
Person.prototype.name = "jeff";
Person.prototype.age = 28
好处是 可以让所有对象实例共享它所包含的属性和方法,
Person.prototype指向了原型对象 而Person.prototpe.constuctor 又指向了Person
|
|
判断类型
|
Person.prototype.isPrototypeOf( person1 ) // true
Object.getPrototypeOf( person1 ) == Person.prototype ) ; //true
|
|
判断一个属性是在原型中,而不是在实例中
|
function hasPrototypeProperty( object, name ){
return !object.hasOwnProperty( name ) && ( name is object ) ;
|
|
取得对象上所有可枚举的实例属性
|
Object.keys() 方法
|
|
如果你想要得到所有实例属性,无论它是否可枚举,都可以用方法
|
Object.getOwnPropertyNames() d
var keys = Object.getOwnPropertyNames( Person.prototype );
//"constructor name age job sayName
|
|
使用constructor不能确定对象的类型
|
var friend = new Person()
friend instanceof Object //true
friend instanceof Person //true
friend.constructor == Person // false
friend.constructor == Object // true
|
|
实例 和 原型 之间通过什么链接
|
只是一个指针 而非副本
|
|
在原生对象的原型上添加方法
|
String.prototype.startWith = function(text) { return this.indexOf(text) == 0 }
var msg = "hello world"
msg.startWith("hello");
|
|
原型对象的缺点
|
最大问题是 由其共享的本性所导致的
function Person(){}
Person.prototype = { constructor:Person, name:"nico",friends:["a","b"]}
var p0 = new Person();
var p1 = new Person();
p0.friends.push("c");
那么p1的friends里也会有c
|
|
组合使用构造函数模式 和 原型模式
|
构造函数模式用于定义 实例属性 ,而原型模式用于定义方法和共享的属性
function Person( name, age, job ){
this.name = name;
this.age = age ;
this.job = job ;
}
Person protytype = {
constructor:Person,
sayName: function(){
alert( this.name ) ;
}
}
|
|
动态原型模式
|
function Person( name, age, job ){
this.name = name
this.age = age ;
this.job = job ;
if( typeof this.sayName != "function" ){
Person.prototype.sayName = function(){} ;
}
}
|
|
寄生构造函数模式
|
待补
|
|
稳妥构造函数模式
|
待补
|
|
继承
|
待补
|
读书笔记 - js高级程序设计 - 第六章 面向对象的程序设计的更多相关文章
- JavaScript高级程序设计-第六章面向对象的程序设计
创建对象主要的两种形式,创建Object实例和创建对象字面量 对象包含属性和方法 数据 .属性有四个特性,特性是为了描述属性行为的,他们是: Configurable(可配置的)是否能删除或是否能修改 ...
- 读书笔记 - js高级程序设计 - 第十五章 使用Canvas绘图
读书笔记 - js高级程序设计 - 第十三章 事件 canvas 具备绘图能力的2D上下文 及文本API 很多浏览器对WebGL的3D上下文支持还不够好 有时候即使浏览器支持,操作系统如果缺缺 ...
- R in action读书笔记(3)-第六章:基本图形
第六章 基本图形 6.1条形图 条形图通过垂直的或水平的条形展示了类别型变量的分布(频数).函数:barplot(height) 6.1.1简单的条形图 6.1.2推砌条形图和分组条形图 如果hei ...
- 读书笔记 - js高级程序设计 - 第五章 引用类型
引用类型 和 类 不是一个概念 用typeof来检测属性是否存在 typeof args.name == "string" 需要实验 访问属性的方法 .号和[] 一般情况下要 ...
- 读书笔记 - js高级程序设计 - 第十二章 DOM2和DOM3
Node类型的变化 访问元素的样式 myDiv.style.backgroundColor = "red" myDiv.style.width = "100px& ...
- 读书笔记 - js高级程序设计 - 第十一章 DOM扩展
对DOM的两个主要的扩展 Selectors API HTML5 Element Traversal 元素遍历规范 querySelector var body = document.query ...
- 读书笔记 - js高级程序设计 - 第七章 函数表达式
闭包 有权访问另一个函数作用域中的变量的函数 匿名函数 函数没有名字 少用闭包 由于闭包会携带包含它的函数的作用域,因此会比其它函数占用更多的内存.过度使用闭包可能会导致内存占用过多,我们建议读者 ...
- 读书笔记 - js高级程序设计 - 第四章 变量 作用域 和 内存问题
5种基本数据类型 可以直接对值操作 判断引用类型 var result = instanceof Array 执行环境 每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这 ...
- 读书笔记 - js高级程序设计 - 第三章 基本概念
启用严格模式 "use strict" 这是一个 pragma 编译指示 让编码意图更清晰 是一个重要原则 5种简单数据类型 Undefined Null Boolean Num ...
随机推荐
- Ubuntu下安装 Mysql
MYSQL在ubuntu16.04下的编译安装mysql-5.6.23.tar.gz 为减少安装过程中因权限带来个各种问题,建议全程用root用户编译安装,步骤如下: 1.安装依赖文件 apt-ge ...
- hook框架frida的安装以及简单实用案例
1.下载地址 https://github.co/frida/frida/releases 2.另外两种安装方法 1.Install from prebuilt binaries This is th ...
- Spark 资料整理
http://jerryshao.me/architecture/2013/10/08/spark-storage-module-analysis/ http://blog.csdn.net/aliv ...
- Codeforces Forethought Future Cup Elimination Round 选做
1146C Tree Diameter 题意 交互题.有一棵 \(n(n\le 100)\) 个点的树,你可以进行不超过 \(9\) 次询问,每次询问两个点集中两个不在同一点集的点的最大距离.求树的直 ...
- windows搭建安装react-native环境
在win10环境下,利用Genymotion模拟器,配置react-native的环境. 一.安装JDK 在网上下载jdk,版本最好是1.8以上.安装后要对环境变量进行配置. 同时在 Path 中配置 ...
- Vue点到子路由,父级,无法高亮问题解决
[问题] Vue点到子路由,父级,无法高亮 [原因]多是因为链接简写相对路径没有写完整导致 [解决]把子路由的router-link的to属性里链接写完整.并把router配置文件里path也写完整即 ...
- 阿里云安装配置nginx
一.简介 Nginx是一款轻量级的网页服务器.反向代理服务器.相较于Apache.lighttpd具有占有内存少,稳定性高等优势.它最常的用途是提供反向代理服务. 二 .安装 1.准备工作 Nginx ...
- 载域和运行域的理解(ARM程序是怎么运行的)
对ARM加载域和运行域的理解 一般而言,一个程序包括只读的代码段和可读写的数据段.在ARM的集成开发环境中,只读的代码段和常量被称作RO段(ReadOnly):可读写的全局变量和静态变量被称作RW段( ...
- 使用Vue+JFinal框架搭建前后端分离系统
前后端分离作为Web开发的一种方式,现在应用越来越广泛.前端一般比较流行Vue.js框架,后端框架比较多,网上有很多Vue+SpringMVC前后端分离的demo,但是Vue+JFinal框架貌似没有 ...
- P1045 快速排序
P1045 快速排序 转跳点: