Ext JS学习第二天 我们所熟悉的javascript(一)

此文用来记录学习笔记;

•ExtJS是一个强大的javascript框架,如果想真正的掌握ExtJS,那么我们必须要对javascript有一定的认识,所以很有必要静下心来,抱着一本javascript书籍,恶补一番。推荐书籍《javascript高级程序设计》、《javascript设计模式》。

•在这里我们学习一下可能你从未接触过的javascript,这些javascript知识是我们要学好ExtJS这个框架非常有必要的、必备的知识。我们需要掌握的内容有:

–javascript之数据类型、变量、变量操作符javascript之数组

–javascript之函数

–javascript之对象、面向对象

–javascript之原型

•javascript之数据类型:

•javascript里面有6种基本类型的值:number、string、boolean、object、function和undefined。

–number:就是数字值,包括整数、小数、NaN、正负无穷。

–string:字符串类型、单双引号引起来的内容。

–boolean:true、false

–object:表示所有的javascript对象,不用多说

–function:我们熟悉的方法,也就是函数类型,是javascript特有的数据类型。

–undefined:表示变量声明了但是并没有被赋值。

•javascript之变量:

•javascript声明变量用var关键字+name表示。

•javascript变量是弱变量类型,所谓的弱变量类型其实就是根据赋值决定变量的类型。

•javascript变量分为全局变量和局部变量,所有在方法里声明的变量,都是局部变量,在方法外声明的变量都是全局变量。

•javascript之运算操作符:

•javascript里运算符和java基本一样,typeof 操作符是判断数据类型的操作符,非常的实用。

•javascript之数组

–数组是javascript里最常用的对象了,它类似于java里的容器,可以承装不同类型的元素,容器的长度也可以任意。数组操作非常灵活,且里面有很多常用的方法。

–push、pop

–shift、unshift

–splice、slice

–concat、join

–sort、reverse

–ECMA5也对Array扩展了很多实用的方法,比如forEach、filter、some等..

附上栗子代码

 1 Ext.onReady(function () {
 2
 3     //Number/String/Boolean/Object/Undefined/Function   javascript 的6种数据类型
 4
 5     //Number 数字类型
 6         var num1 = 10 ;
 7         var num2 = 10.5 ;
 8         var num3 = .6 ;        // 0.6
 9         var num4 = 070 ;    // 十进制 56
10         var num5 = 1/0 ;    // 表示正正无穷
11         var num6 = window.parseInt("dasdsdsadsad");        //NaN not a number
12
13     //String 单双引号表示的字符串
14     //Boolean true/false
15
16     //Object 对象类型
17         var date = new Date();
18         var arr  = new Array();
19         var obj  = {name:‘bjsxt‘ , age:10};
20     alert(obj.hasOwnProperty(‘name‘));//判断 name 是否是obj的属性
21     var result = obj.toSource();//返回(name:‘bjsxt‘ , age:10)  string类型
22     alert(typeof result);// string 类型 (name:‘bjsxt‘ , age:10)
23     //ECMA5
24
25
26     //Undefined 变量声明了 但是并没有被赋值  其实也等同于Null
27     var a ;
28     alert(a);// Undefined
29     alert(undefined == null);// true
30     alert(typeof null);    //表示的就是一个空对象的引用
31
32     //Function
33         function fun(){
34             console.info(‘fun...‘);
35         }
36         alert(typeof fun);//Function 类型
37
38     //变量:全局 和局部 两种类型
39     //javascript 更不建议使用全局变量 (查找的时候效率比较低、大型程序开发时不安全)
40         var a = 10 ;
41         var a = ‘string‘;
42         alert(a);//‘string ‘
43         alert(typeof a);// string类型
44
45     //Array
46     var arr = [10, 21, 35, 32, 18];
47         arr.forEach(function(item){// 便利数组
48             alert(item);
49         });
50
51         var newarr = arr.filter(function(item){// 筛选出数组中大于20的项,返回新的数组
52             if(item >20){
53                 return true ;
54             } else {
55                 return false ;
56             }
57         });
58         alert(newarr);
59 });

学习之余可到这里www.fishcmonkey.com欣赏美文,提高一下文学修养

Ext JS学习第二天 我们所熟悉的javascript(一),布布扣,bubuko.com

时间: 2024-10-14 07:20:29

Ext JS学习第二天 我们所熟悉的javascript(一)的相关文章

Ext JS学习第三天 我们所熟悉的javascript(二)

•javascript之函数 •对于Ext开发者,我还是希望你能对javascript原生的东西非常了解.甚至熟练掌握运用.那么函数,无疑是非常重要的概念.首先在前面一讲,我们知道了函数也是一种数据类型,创建函数一共有三种方式.每种方式他们都会有区别,分别为: –function语句形式 –函数直接量形式 –构造函数形式 •函数中的arguments对象 –argument的作用一:接受函数的实际参数 –argument的作用二:用于做递归操作 栗子代码 1 //Function 函数 2 //

Ext JS学习第五天 我们所熟悉的javascript(四)

此文用来记录学习笔记: •javascript之对象.面向对象 •可能对于高级语言你可能了解甚至精通OOP面向对象,那么对于javascript你又熟悉多少呢?我们一起来学习javascript面向对象,这样非常有帮助我们理解Ext的基础架构,Ext本身就是一个JS面向对象的框架. •使用json对象(JavaScript Object Notation) –JS对象的特性 –对于js来说json对象非常的重要,我们要学会如何操作json对象 •面向对象的概念 –如何定义一个类.如何实例化对象.

Ext JS学习第四天 我们所熟悉的javascript(三)

此文用来记录学习笔记: •javascript之函数 •this关键字的使用 –this关键字总是指向调用者,谁调用函数,this就指向谁 •call.apply的使用 –call和apply主要应用与框架底层,用于绑定函数的执行环境/作用域 •块的概念 –和高级程序语言不同,js里没有块的概念,我们一般用小括号包裹块级作用域 •闭包:掌握闭包必须要深入清楚的概念 –执行环境 –作用域链 –垃圾回收机制 附上栗子 代码 1 // This 关键字 在javascript里的使用 2 //this

Ext JS学习第五天 Ext_window组件(一)

此文来记录学习笔记 •第一个组件:Ext.window.Window.对于组件,也就是Ext最吸引开发者的地方,那么我们要真正的使用Ext的组件,首先必须学会阅读API文档. –xtype:组件的别名 –Hierarchy 层次结构 –Inherited mixins 混入的类 –Requires 该组件需要使用的类 –configs:组件的配置信息 –properties:组件的属性 –methods:组件的方法 –events:组件的事件 •window组件常用属性和方法讲解: •confi

Ext JS学习第五天 Ext_window组件(二)

此文用来记录学习笔记 •上一讲我们已经学过了window的使用,那么在这将中,我们将结合然后把Ext中需要注意的地方,以及组建的使用给予介绍.indow做几个Web开发的经典示例. •ExtWeb实战300例: –例1:点击按钮打开一个window,window重复创建的问题 •重点分析:这个问题是初学者经常会犯错的地方,一般来说简单的代码不会产生此问题,但是如果以后代码复杂以后,这个问题如果发生调试起来会非常麻烦!! 附上栗子代码 1 Ext.onReady(function () { 2 3

Ext JS学习第九天 Ext基础之 扩展原生的javascript对象

此文来记录学习笔记: •Ext对于原生的javascript对象进行了一系列的扩展,我们把他们掌握好,更能深刻的体会Ext的架构,从而对我们的web开发更好的服务, 源码位置,我们可以从开发包的这个位置找到这几个扩展的js源码: •extjs-4.1.1\src\core\src\lang\ •ExtJS扩展原生Javascript –Ext.Object –Ext.Number –Ext.String –Ext.Array –Ext.Function –Ext.Date –Ext.Error

Ext JS学习第八天 Ext基础之 认识Ext.js 和Ext-more.js

此文来记录学习笔记: •认识Ext.js 和Ext-more.js •首先,我们要知道这2个js文件的作用,这俩个文件包含了Ext的一些基础定义.基本的属性和方法,我们要重点学习和深入底层代码进行研究. •如果所示:API位置 . •Ext.js方法详解: –Ext.apply&Ext.applyIf –Ext.extend –typeOf –isEmpty.isIterable.isFunction.isArray... –Iterate 下面从栗子中看看这些方法是实际使用方法,请看栗子代码吧

Ext JS学习第十二天 Ext基础之操作dom ; get与fly 方法

此文用来记录学习笔记 •嗯!首先,什么是DOM(Document Object Model) –W3C对DOM的定义:文档对象模型是一个平台,一个中立于语言的应用程序编程接口(API),允许程序访问并更改文档的内容.结构和样式. –其实DOM是一种通用的模型.不止在我们的HTML中存在,也可以在其他文件中存在,相信你最熟悉的就是XML了吧,其实还有很多... –DOM的发展也非常的漫长,版本延续,产生了0级DOM.1级DOM.2级DOM和最新的3级DOM,那么相对成熟的就是从2级DOM以后了.每

Ext JS学习第六天 Ext_window组件(三)

此文用来记录学习笔记: 今天再来一个例子巩固一下学习的window: –例2: 在window中添加子组件,并讲解常用查找组件的方式: •重点分析:该实例主要针对于组件的查找进行详细的讲解,在以后的应用开发中,同学们应该学会各种方式去查找所需要的组件,不要拘泥于某种特定形式,这样会给开发思路带来很多好处. –ownerCt –up/down方法 –Ext.getCmp方法 附上栗子代码1 Ext.onReady(function(){ //ex002 : 在组件中添加子组件 ,并进行一系列针对于