面向对象:Object Oriented(OO)

  一切事物皆对象,通过面向对象的方式,将显示世界的事物抽象成对象,将显示世界中的关系抽象成类、继承,帮助人们实现对显示世界的抽象与数字建模;——百科

一、基础知识点:

1、面对对象的语言都有一个标志就是都有类的概念,可以通过类创建多个具有相同属性和方法的对象;

2、ECMA-262中没有类的概念

3、ECMA-262中定义为:“无序属性的集合,其属性可以包含基本的属性值、对象或者函数”

4、理解对象:创建对象

  1. //创建对象最简单的方式就是创建一个Object对象,再对其添加属性和方法(早期使用此方法)
  2. var person = new Object()
  3. person.name="Nicholas";
  4. person.age= 56;
  5. person.job="Software Engineer";
  6. person.SayHai=function (){
  7. alert(person.name)
  8. }
  9.  
  10. //以对象字面量的形式创建对象(达到的目的是一样的)
  11. var person={
  12. name="Nicholas";
  13. age=34;
  14. job="Software Engineer";
  15. SayHai:function{
  16. alert(person.name);
  17. }
  18. Ask:function{
  19. alert("Hello World");
  20. }
  21. }//注意此方法中是如何创建对象方法的

  

二、属性类型

1、数据属性

  1. //默认都为true
  2. [[Configurable]]//表示能否通过delete删除属性从而重新定义属性、能否修改属性特性、或能否把属性改为访问器属性
  3. [[Enumerable]]//能否通过for-in循环返回属性
  4. [[Writable]] //能否修改属性的值
  5. [[Value]] //包含这个属性的数据值

  要修改属性默认的特性,必须用ECMAScript5的Object.defineProperty()方法

  1. var person ={}
  2. Object.defineProperty(person,"name",{
  3. Writable:false,
  4. Value:"Nicholas"
  5. });

  注:以上writable:false; 就是配置name属性不可修改   在严格模式下修改回报错

  1. var person={}
  2. Object.defineProperty(person,"name",{
  3. Configurable:false,
  4. Value:"Nicholas";
  5. });
  6. delete person.name;
  7. alert(person.name);//Nicholas

  注:以上Configurable:false; 所以delete删除  person.name在非严格模式下不起作用,在严格模式下回报错;

☆☆☆☆☆  可以多次Object.defineProperty()方法修改同一个属性,但在configurable特性设置了false之后在调用、修改就会有限制了(报错)

2、访问器属性

三、定义多个属性

  1. //定义多个属性
  2.  
  3. var book={};
  4. Object.defineProperties(book,{
  5. _year:{
  6. Writable:true,
  7. Value:2004
  8. },
  9.  
  10. edition:{
  11. Writable:true,
  12. Value:1
  13. },
  14.  
  15. year:{
  16. get:function(){
  17. return this._year;
  18. },
  19.  
  20. set:function(){
  21. if(newValue > 2004){
  22. this._yeay=newValue;
  23. this.edition+=newValue - 2004
  24. }
  25. }
  26. }
    });

  

四、读取属性的特性;

  1. Object.getOwnPropertyDescriptor() // 方法

  

javascript中的面向对象—— 学习1的更多相关文章

  1. 如何理解并学习javascript中的面向对象(OOP) [转]

    如果你想让你的javascript代码变得更加优美,性能更加卓越.或者,你想像jQuery的作者一样,写出属于自己优秀的类库(哪怕是基于 jquery的插件).那么,你请务必要学习javascript ...

  2. 简单分析JavaScript中的面向对象

    初学JavaScript的时候有人会认为JavaScript不是一门面向对象的语言,因为JS是没有类的概念的,但是这并不代表JavaScript没有对象的存在,而且JavaScript也提供了其它的方 ...

  3. 前端开发:面向对象与javascript中的面向对象实现(二)构造函数与原型

    前端开发:面向对象与javascript中的面向对象实现(二)构造函数与原型 前言(题外话): 有人说拖延症是一个绝症,哎呀治不好了.先不说这是一个每个人都多多少少会有的,也不管它究竟对生活有多么大的 ...

  4. 前端开发:面向对象与javascript中的面向对象实现(一)

    前端开发:面向对象与javascript中的面向对象实现(一) 前言: 人生在世,这找不到对象是万万不行的.咱们生活中,找不到对象要挨骂,代码里也一样.朋友问我说:“嘿,在干嘛呢......”,我:“ ...

  5. JavaScript从初见到热恋之深度讨论JavaScript中的面向对象。

    JavaScript中的面向对象.面向对象的三个基本特征:封装.继承.多态. 1.封装 js的封装如下 定义Person类 function Person(name,age,sex) { this.n ...

  6. 前端开发:javascript中的面向对象

    前端开发:面向对象与javascript中的面向对象实现(一) 面向对象理解: 面向对象是一种对现实世界理解和抽象的方法,是一种先进的程序设计理念,是一种比较抽象的,多形态的设计模式.我们可以这么理解 ...

  7. 深入理解javascript中实现面向对象编程方法

    介绍Javascript中面向对象编程思想之前,需要对以下几个概念有了解: 1. 浅拷贝和深拷贝:程序在运行过程中使用的变量有在栈上的变量和在堆上的变量,在对象或者变量的赋值操作过程中,大多数情况先是 ...

  8. JavaScript中的面向对象的讨论(转)

    前言 今天,WEB2.0时代的到来,给了JavaScript又一次大展身手的机会.Web2.0借助JavaScript技术,使得客户端的Web体验更加丰富多彩,同时JavaScript面对的问题域也变 ...

  9. JavaScript中的EcMAScript学习笔记

    一.Javascript概述(知道)    a.一种基于对象和事件驱动的脚本语言    b.作用: 给页面添加动态效果    c.历史: 原名叫做livescript.W3c组织开发的标准叫ECMAs ...

随机推荐

  1. All about Performing User-Managed Database Recovery

    Automatic Recovery with SET AUTORECOVERY ======================================== Issuing SET AUTORE ...

  2. 如何保存PDF、Word和Excel文件到数据库中

    在项目中,有时候我们很需要把PDF.Word和Excel文档等等上传到数据库,以便日后使用.今天这篇文章向大家讲解如何将这些文件保存到数据库的. 详细步骤 第一步:打开数据库,单击新建查询,创建一个名 ...

  3. ssm框架中css被拦截

    最近用springmvc spring mybatis框架写程序,请求成功并获得数据,唯独css样式不能加载,但路径正确,css文件编码也是utf-8,用火狐debug总是显示未请求到(都快怀疑自己写 ...

  4. Javaweb 第2天 JavaScript课程

    JavaScript课程 两日大纲 ● JavaScript基本语法 ● JavaScript函数 ● JavaScript基于对象编程 ● JavaScript BOM对象编程 ● JavaScri ...

  5. JavaScript编写连连看

    这几天写题比较少,做了一下网页设计的期末大作业.搞了个连连看,核心代码和hdu 1175那个题目一样. 越来越觉得学ACM是十分有用的,软件的核心是数据结构和算法,学会了DFS,连连看就水到渠成了. ...

  6. .Net 生成条形码

    1,下面一个类,可以直接复制下去使用: public class Code39    {        private Hashtable m_Code39 = new Hashtable();    ...

  7. 使用vim配置方案spf13中碰到的一些问题

    目的:达到我自己自定义安装插件的目的 安装YCM(YouCompleteMe)自动补全神器之前的准备 先安装编译环境: 1 2 sudo apt-get install build-essential ...

  8. 微信小程序开发(1)

    底限,HTML,CSS,JS得会 先过一下官方的文档:https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html?t=20161230 ...

  9. Ansible安装配置

    Ansible工具的安装与配置 Ansible基于SSH,不需要在远程端安装任何软件,只需要在管理端安装ansible及其组件即可. Ansible使用前提是已配置ssh密钥免登陆. 一.安装组件: ...

  10. ap143 添加复位和重启按钮

    1.修改匹配的文件mach-ap143.c 定义按键对应的GPIO(根据原理图来) #define AP143_GPIO_BTN_RESET 12 添加按钮的初始化消息 注册定时轮询按钮动作的函数 2 ...