javascript高级特性(面向对象)
javascript高级特性(面向对象):
* 面向对象:
* 面向对象和面向过程的区别:
* 面向对象:人就是对象,年龄\性别就是属性,出生\上学\结婚就是方法.
* 面向过程:人出生、上学、工作、结婚、生子、去世整个过程.
* 对象和类的区别:
* 类:类比作一堆美女.
* 对象:对象就是范冰冰.
* javascript的开发工具:
* WebStrom开发工具,在国内被专业的前端开发人员称之为js神器.
* 代码提示功能非常强大.
* javascript的扩展内容:
* 服务器端开发人员来讲,之前的javascript基础内容够用.
* javascript高级特性的目的:
* 在目前服务器端开发人员中,增加竞争力.
* 面向专业前端开发人员应聘.
* javascript语言的发展趋势:
* 每年全球开发语言的排行榜:第7名.
* 开发客户端、服务器端、移动端(phoneGap)
* 预测javascript语言可能成为下一代企业级开发语言.
* 函数:
* Arguments对象:用来模拟函数重载的效果.
* 变量的作用域:
* 作用域:
* 全局域
* 函数域
* 变量:
* 全局变量:全局域+函数域
* 局部变量:当前函数域
* 特殊情况:
* 定义局部变量时,不使用var:局部变量被定义为全局变量.
* 当全局变量与局部变量同名时:在函数域中只能访问到局部变量.
* 特殊的函数:
* javascript中的函数:
* 三种定义方式:
* function 函数名(参数){}
* var 函数名 = function(参数){}
* var 函数名 = new Function(参数,函数体);
* 特殊函数:
* 匿名函数
* 回调函数
* 自调函数
* 内部函数
* (了解)返回函数的函数
* 作用:多用于javascript代码的优化.
* 原始类型与引用类型:类似于Java中的int与Integer.
* 原始类型:
* undefined
* null
* number
* string
* boolean
* 引用类型:
* Object
* Number
* Boolean
* String
* 问题:
* if(undefined==null):返回true.
* new Object();
* 闭包:非常重要的一个概念.
* 作用域链:
* 变量的作用域具有传递性.
* 闭包:参看笔记.xls文档
定义:函数可以使用函数之外定义的变量。
编写的三点需求:同时满足
需求:
* 在全局域中可以访问函数n()
* 在函数n()中依旧可以访问局部变量b
* 变量b必须定义在函数fn()中
* 目前不要求大家可以编写闭包结构。
* 作用:
* 代码之间的低耦合。
* 局部变量的共享。
* 提高安全性。
* 局限性:
* n函数的初始化,必须在fn()中
* 调用函数n,必须先调用fn()
* 对象:
* 定义对象三种方式:
* var 对象名 = new Object();
* var 对象名 = {key : value, key : value}
* 函数即对象,函数对象:function 对象名(){}
* 对象具有属性和方法:
* 普通对象:
* 调用:
* 对象名.属性名;
* 对象名.方法名();
* 修改:
* 对象名.属性名 = 新的属性值;
* 对象名.方法名 = 新的function
* 增加:
* 对象名.新的属性名 = 新的属性值;
* 对象名.新的方法名 = 新的function
* 删除:
* delete 对象名.属性名;
* delete 对象名.方法名;
* 函数对象: 又叫构造器 构造函数
* 在使用函数对象的属性或方法之前,new对象.
* 内建对象:
* 数据封装类对象
* Array
* new Array() //object
* [] //object
* String
* new String("aaa"); //object
* "aaa"; //string
* Object
* Object是javascript所有对象的父级.
* 在javascript得到对象最简单形式:new Object()
* new Object()与var 对象名 = {}等价
面试题:以下哪个描述是错误的?
A var a = []; //数组
B var b = {}; //对象
C var c = //; //正则表达式 空正则表达式 /^[0-9]{10}$/
D var d = (); //错误
面试题:alert("xxxyyy")方法提示框中换行
* 工具类对象
* Date
* xxxx年xx月xx日 hh:mm:ss
* Math
* 生成随机数:random(),0-1范围
var number = parerInt(Math.floor(Math.random() * 4))
* RegExp
*匹配方法:test()
* 错误类对象
* Error
* 异常对象:try..catch
* 原型:非常重要的一个作用.
* prototype:函数本身就是一个对象,原型就是函数对象的一个属性.
* 需要注意的是:
* 创建了函数对象,原型自动创建(不能手动创建).
* 原型的调用:函数对象.prototype.
* 作用:
* 利用原型为函数对象增加属性和方法.
* 继承:
javascript高级特性(面向对象)的更多相关文章
- javascript高级特性
01_javascript相关内容02_函数_Arguments对象03_函数_变量的作用域04_函数_特殊函数05_闭包_作用域链&闭包06_闭包_循环中的闭包07_对象_定义普通对象08_ ...
- JavaScript高级特性-数组
1. JavaScript中的数组 在C++.Java中,数组是一种高效的数据结构,随机访问性能特别好,但是局限性也特别明显,就是数组中存放的数据必须是同一类型的,而在JavaScript中,数组中的 ...
- JavaScript高级特性-创建对象的九种方式
1. 对象字面量 通过这种方式创建对象极为简单,将属性名用引号括起来,再将属性名和属性值之间以冒号分隔,各属性名值对之后用逗号隔开,最后一个属性不用逗号隔开,所有的属性名值对用大括号括起来,像这样: ...
- JavaScript高级特性-实现继承的七种方式
声明和约定: 在C++和Java中,我们可以通过关键字class来声明一个类,在JavaScript中没有这个关键字,但我们知道可以通过new一个function创建对象,这个function类似C+ ...
- Javascript高级篇-面向对象的特性
一.创建对象 1.1初始化器 var any={ name:"some", age:10, action:function(){ alert(this.name+":&q ...
- Javascript高级程序设计——面向对象小结
ECMAScript支持面向对象编程,对象可以在代码执行时创建,具有动态扩展性而非严格意义上的实体. 创建对象方法: 工厂模式:简单的函数创建引用类型 构造函数模式:可以创建自定义引用类型,可以想创建 ...
- Javascript高级程序设计——面向对象之理解对象
在面向对象语言中都有类的概念,通过类来创建具有属性和方法的对象.而ECMAScript中没有类的概念,ECMAScript中定义了对象:无需属性的集合,其属性值可以包含基本值.对象.或者函数. 在Ja ...
- JavaScript高级与面向对象
对象:任何事物都可以看作是对象. 1.面向对象与面向过程的概念 面向过程:凡是自己亲力亲为,自己按部就班的解决现有问题. 面向对象:自己充当一个指挥者的角色,指挥更加专业的对象帮我解决问题. 联系:面 ...
- 2020/06/06 JavaScript高级程序设计 面向对象的程序设计
ECMAScript虽然是一种面向对象的语言,但是他没有类的概念.所以他的对象也与其他语言中的对象有所不同. ECMA-262定义对象:一组没有特定顺序的值. 6.1 理解对象 创建对象的方法: 1. ...
随机推荐
- C#.net 货币格式转换
/// <summary> /// 输入Float格式数字,将其转换为货币表达方式 /// </summary> /// <param name="ftype& ...
- JQUERY1.9学习笔记 之基本过滤器(十二) 根元素选择器
根元素选择器 描述:选择文档的根节点元素.jQuery( ":root" ) 例:显示文档根节点标签名. <!DOCTYPE html><html lang=&q ...
- Delphi Keycode
Keycode表 字母和数字键的键码值(keyCode) 按键 键码 按键 键码 按键 键码 按键 键码 A 65 J 74 S 83 1 49 B 66 K 75 T 84 2 50 C 67 L ...
- srpm包的编译方式
基本说明:后缀仅为rpm的包如xxxxx.rpm称作为二进制包 ------ 可以直接安装到架构匹配的系统上; 后缀为src.rpm的包如webkitgtk-2.4.7-1.fc21.src.rpm称 ...
- IE下的firebug调试利器
1. 文件调用 把下面js代码,包含在要调试的页面中. <script src="https://getfirebug.com/firebug-lite.js">< ...
- MVC中的UrlHelper
authour: chenboyi updatetime: 2015-04-27 22:32:47 friendly link: 1,CodeSimple: ps:因为UrlHelper涉及的知识 ...
- struts2的记住账号密码的登录设计
一个简单的基于struts2的登录功能,实现的额外功能有记住账号密码,登录错误提示.这里写上我在设计时的思路流程,希望大家能给点建设性的意见,帮助我改善设计. 登录功能的制作,首先将jsp界面搭建出来 ...
- Markdown和reStructuredText语法比较
reStructuredText在线编辑器 http://rst.ninjs.org/ ReST是Docutils的标记语法,Docutils是Python世界的文档工具集.也因为这样ReST在Pyt ...
- RR 和RC 幻读问题
<pre name="code" class="html">显然 RR 支持 gap lock(next-key lock),而RC则没有gap l ...
- 读undo问题
SQL> drop table test1 purge; Table dropped. SQL> create table test1 as select * from dba_objec ...