javascript面向对象的程序设计

2020-06-17  本文已影响0人  dayindayout

一  js是解释语言 还是 编译语言

             https://segmentfault.com/a/1190000011858383?utm_source=tag-newest

二 面向对象  ---  定义属性

1. 属性类型:数据属性 和 访问器属性

2. 数据属性:包含一个数据值的位置,在这个位置上可以读取和写入值,拥有四个描述其行为的特性;

[[ Configurable]]:是否能够通过delete重新定义属性;是否能够修改属性的特性;能否改变属性类型;默认为true

[[Enumerable]]:是否可以通过for...in循环属性,默认为true

[[Writable]]:是否可以修改属性数据值,默认为true

[[value]]:属性的数据值。默认为undefined

exp:var person = {}

Object.defineProperty(person, "name",{ writable:false, value:"Nicholas" })

console.log(person.name) =====> Nicholas

person.name = "Greg";

console.log(person.name) =====> Nicholas

**用object.defineProperty定义属性时,如果不指定特性,默认为false

3.访问器属性:不包含数据值,包含一对儿getter 和 setter函数,这两个函数都不是必需的,在读取访问器属性时,回调用getter函数,这个函数负责返回有效是值,在写入访问器属性时,会调用setter函数传入值,这个函数负责处理数据,访问器属性有如下4个特征

[[configurable]]:同数据属性

[[Enumerable]]:同上

[[Get]]: 读取属性是调用

[[Set]]:写入属性时调用

**访问器属性不能被直接定义,必须使用Object.defineProperty();访问器属性只指定getter意味着属性不能写尝试写入属性会被忽略;

三.面向对象---- 读取属性的特性(object.getOwnPropertyDescriptor())

var book = {};

 Object.defineProperties(book,{

_year:{value:2004},

year:{get:function(){return this._year},set:function(newValue){this._year = newValue}}

})

var descriptor = Object.getOwnPropertyDescriptor(book,"_year");

console.log(descriptor.value)  =====>2004

console.log(descriptor.writable) =====> false

console.log(typeof descriptor.get) ===>undefined

var descriptor = Object.getOwnPropertyDescriptor(book,"year")

console.log(descriptor. value) ==>undefined

console.log(descriptor.enumerable) ====> false

console.log(typeof descriptor.get) ====>function

四.面向对象 --- 创建对象

1.工厂模式

function createBook(name){var o = new Object(); o.name = name; o.sayName = function(){console.log(this.name)}; return o;}

var person1 = createBook(''c++");

var person2 = createBook(''javascript");

******优点******: 避免使用相同的一个接口创建对象时,产生大量的重复代码;

*******缺点******: 没有解决对象识别问题(怎样知道一个对象的类型);

2.构造函数模式

上一篇下一篇

猜你喜欢

热点阅读