美文网首页
javascript面向对象的程序设计

javascript面向对象的程序设计

作者: dayindayout | 来源:发表于2020-06-17 09:11 被阅读0次

    一  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.构造函数模式

    相关文章

      网友评论

          本文标题:javascript面向对象的程序设计

          本文链接:https://www.haomeiwen.com/subject/jgyetktx.html