• 类型

   
JavaScript提供了差不多单放数据类型。除了这些,这卖文档还以介绍部分虚拟类型,例如选择器、伪类、事件等。

 

  • String

   
在JavaScript中字符串是一个不可变的目标,它含无、一个或多单字符。它的项目称之为“string”。

typeof"some string"; // "string"
    • 引号

   
一个字符串可以应用单引号或对引号来定义,你可以以双引号内要周围嵌套使用单引号,如果一旦于双引号内使对引号(或者单引号内动单引号),必须嵌套使用反斜杠进行转义。

"You make 'me' sad."
'That\'s "cranking" good fun!'
"<a href=\"home\">Home</a>"
    • 置于方法

   
在JavaScript中发出一些置方法可以操作字符串。通常结果连回到一个初的字符串,或返回一个array。

"hello".charAt( 0 ) // "h"
"hello".toUpperCase() // "HELLO"
"Hello".toLowerCase() // "hello"
"hello".replace( /e|o/g, "x" ) // "hxllx"
"1,2,3".split( "," ) // [ "1", "2", "3" ]
    • Length属性

   
所有的字符串都发一个length属性(长度属性)。

"Hello".length // 5
"".length // 0
    • 默认布尔值

    一个空字符串默看false。

!"" // true
!!"" // false
!"hello" // false
!"true" // false
!new Boolean( false ) // false

 

  • htmlString

   
当一个字符串在JQuery文档中代表一个要多单DOM元素时,通常为创造与插到文档中经常,这个字符串将让用作htmlString。当于视作一个JQuery()方法参数传递的时候,这个字符串将会晤受当作是HTML。

   
当一个字符串作为参数传递给一个操作方法时,例如.append(),它连接为当当HTML,因为JQuery对是字符串(CSS选择器)的任何同解释不适用于其上下文。

    $.parseHTML()可以显式的剖析一个html字符串。

// 追加<b>hello</b>:
$( "<b>hello</b>" ).appendTo( "body" );
// 追加<b>hello</b>:
$( "<b>hello</b>bye" ).appendTo( "body" );
// 语法错误, unrecognized expression: bye<b>hello</b>
$( "bye<b>hello</b>" ).appendTo( "body" );
// 追加bye<b>hello</b>:
$( $.parseHTML( "bye<b>hello</b>" ) ).appendTo( "body" );
// 追加<b>hello</b>wait<b>bye</b>:
$( "<b>hello</b>wait<b>bye</b>" ).appendTo( "body" );

 

  • Number

    在JavaScript中的Number是夹精度64各项IEEE754格式化的值。仅仅作为字符串的时段,它们是不行更改的。对于Number类型的数码颇具的演算符都是基于C语言的方展开演算的。

typeof 12 // "number"
typeof 3.543 // "number"
    • 默认布尔值

   
如果一个数字是0,那么它默认为false。

!0 // true
!!0 // false
!1 // false
!-1 // false

   
由于是夹精度运行,下面是结果莫到底一个谬误

0.1 + 0.2// 0.30000000000000004
    • Math

   
JavaScript提供了数学对象中的数字通用功能。

Math.PI // 3.141592653589793
Math.cos( Math.PI ) // -1
    • 数字分析

    parseInt和parseFloat可以用于解析字符串为数字,如果未指定两者是举行隐式转换的。

parseInt( "123" ) = 123 // (隐式十进制)
parseInt( "010" ) = 8 // (隐式八进制)
parseInt( "0xCAFE" ) = 51966 // (隐式十六进制)
parseInt( "010", 10 ) = 10 // (显示十进制)
parseInt( "11", 2 ) = 3 // (显示二进制)
parseFloat( "10.10" ) = 10.1
    • Numbers与Strings

   
当数字加一个字符串时,结果总是一个字符串,而运算符方式是均等的,这是待注意的,如果您想先进行数字运算再附加到一个字符串,那么数字运算需要用括号包裹起来。

"" + 1 + 2; // "12"
"" + ( 1 + 2 ); // "3"
"" + 0.0000001; // "1e-7"
parseInt( 0.0000001 ); // 1 (!)

   
或者您如采取JavaScript提供的String类,可以分析一个数字为字符串。

String( 1 ) + String( 2 ); // "12"
String( 1 + 2 ); // "3"
    • NaN和Infinity

   
解析一个请勿是数字的物常常结果是NaN,isNaN方法可以辅助你判定结果是否是NaN。

parseInt( "hello", 10 ) // NaN
isNaN( parseInt("hello", 10) ) // true

 
  除散装的结果是Infinity。

1 / 0// Infinity

 
  NaN和Infinity都是Number类型的。

typeof NaN // "number"
typeof Infinity // "number"

   
需要专注的凡NaN的一致种植出乎意料之较,它同它们自己于是例外之。

NaN == NaN// false (!)

    但是Infinity的比是殊之。

Infinity == Infinity// true
    • Integer

   
整数凡一个不足为奇的数字型,但在明确指明的时,表示数字是一个非浮点数。

    • Float

       
    浮点数也是一个一般的数字型,但于明确指明的时刻,就表示数字是一个浮点数。

 

  • Boolean

   
在JavaScript中Boolean代表的凡true或者false。

if ( true ) console.log( "always!" );
if ( false ) console.log( "never!" );

 

  • Object

       
    在JavaScript中一切都是对象。最简便易行的创建对象的方式是目标文字。

var x = {};
var y = {
name: "Pete",
age: 15
};

    对象的类型是Object。

typeof {} // "object"
    • 点符号

       
    你可以采用点符号读取和写入对象的性。

y.name // "Pete"
y.age // 15
x.name = y.name + " Pan" // "Pete Pan"
x.age = y.age + 1 // 16
    • 数组符号

       
    或许你念写对象的特性是透过数组符号,它同意而动态的选择对象的性能。

var operations = {
increase: "++",
decrease: "--"
};
var operation = "increase";
operations[ operation ] // "++"
operations[ "multiply" ] = "*"; // "*"
    • 迭代

       
    通过for-in-loop就得简单的兑现目标的迭代。

var obj = {
name: "Pete",
age: 15
};
for( key in obj ) {
alert( "key is " + [ key ] + ", value is " + obj[ key ] );
}

   
需要专注的凡for-in-loop可能会见于拉开使用及Object.prototype的下出现问题,例如Object.prototype被人转了。

   
JQuery提供了通用的each方法去遍历对象的性与要素数组。

jQuery.each( obj, function( key, value ) {
console.log( "key", key, "value", value );
});

   
缺点是回调被调用在迭代值的上下文中,因此你失去了原有对象的上下文。

    • 默认布尔值

       
    一个对象,无论她是否生总体性,默认值永远不见面否false。

!{} // false
!!{} // true
    • 原型

       
    所有的目标都起原型(prototype)属性,每当把它们当属性之时候,如果当目标及追寻不交者特性它仍然会以目标的原型上拓展检讨,JQuery广泛的运用原型将方上加到JQuery实例上。JQuery使用jQuery.fn作为jQuery.prototype的号,你可以使用中的随意一个

var form = $("#myform");
console.log( form.clearForm ); // undefined
// jQuery.fn == jQuery.prototype
jQuery.fn.clearForm = function() {
return this.find( ":input" ).each(function() {
this.value = "";
}).end();
};
// 所有的JQuery对象实例都可以运行,因为新的方法已经被添加到原型上了
console.log( form.clearForm );
form.clearForm();

 

  • Array

       
    在JavaScript中数组是只是别的,并且产生一些放到方法可行使。

var x = [];
var y = [ 1, 2, 3 ];
typeof []; // "object"
typeof [ 1, 2, 3 ]; // "object"
x[ 0 ] = 1;
y[ 2 ] // 3
    • 迭代

       
    在三番五次组的迭代中length属性是很管用之。

for ( var i = 0; i < a.length; i++ ) {
// a[i]
}

   
当性能是任重而道远的时段,只读博一不好length属性可以助运行速度的提升。

for ( var i = 0, j = a.length; i < j; i++ ) {
// a[i]
}

   
另外还有同栽情况是于迭代告知句被定义变量来存储数组当前迭代底因素,在循环体中不再用数组元素而是这变量。

for ( var i = 0, item; item = a[i]; i++ ) {
// 使用item变量
}

   
JQuery提供了each方法好迭代数组的每个元素,这个法对于迭代目标的属性为是适用的。

var x = [ 1, 2, 3 ];
jQuery.each( x, function( index, value ) {
console.log( "index", index, "value", value );
});

    length属性可以为此来作为序号将元素加入到数组的末尾。

var x = [];
x.push( 1 );
x[ x.length ] = 2;
x // [ 1, 2 ]

    数组还有多之置方法。

var x = [ 0, 3, 1, 2 ];
x.reverse() // [ 2, 1, 3, 0 ]
x.join(" – ") // "2 - 1 - 3 - 0"
x.pop() // [ 2, 1, 3 ]
x.unshift( -1 ) // [ -1, 2, 1, 3 ]
x.shift() // [ 2, 1, 3 ]
x.sort() // [ 1, 2, 3 ]
x.splice( 1, 2 ) // [ 2, 3 ]
    • 默认布尔值

       
    一个反复组,无论她起无来素,也永远不会见默认为false。

![] // false
!![] // true
    • Array<Type> 符号

       
    在JQuery的API中,经常得窥见产生Array<Type>符号。这样可指定数组元素的预期类型,类似于.NET中的泛型。

dragPrevention    Array<String>

 

  • PlainObject

 
  PlainObject是一个JavaScript对象,包含了0只或多独键值对。

var a = [];
var d = document;
var o = {};
typeof a; // object
typeof d; // object
typeof o; // object
jQuery.isPlainObject( a ); // false
jQuery.isPlainObject( d ); // false
jQuery.isPlainObject( o ); // true

 

  • Function

   
一个函数(方法)在JavaScript中好是命名的还是是匿名的。任何一个函数都得分配给一个变量,或传递给一个函数,但是通过传递成员函数这样的主意可使他们给外一个对象的上下文调用。函数的类型是“function”。

function named() {}
var handler = function() {}

   
JQuery代码中之匿名函数是大气可见的。

$( document ).ready(function() {});
$( "a" ).click(function() {});
$.ajax({
url: "someurl.php",
success: function() {}
});
    • 参数

   
在函数中生同一栽特有之变量,那即便是参数,它是千篇一律种伪数组形式的元素。

function log( x ) {
console.log( typeof x, arguments.length );
}
log(); // "undefined", 0
log( 1 ); // "number", 1
log( "1", "2", "3" ); // "string", 3

   
参数对象还产生一个callee属性,它对的是实例之中的函数。

var awesome = function() { return arguments.callee; }
awesome() == awesome // true
    • 上下文

   
在JavaScript中,this总是指为当前高达下文,默认情况下this指向的凡window对象,在一个函数内this的上下文就会时有发生反,这种变动在函数是怎让调用的。

$( document ).ready(function() {
// this指向window.document
});
$( "a" ).click(function() {
// this指向DOM中的a标签元素
});

   
你得指定一个函数的内外文来使用函数的放到方法call或者apply。两者的别在安传递参数,call将有的参数作为一个arguments传递给函数,而apply接收一个arguments数组作为参数。

function scope() {
console.log( this, arguments.length );
}
scope() // window, 0
scope.call( "foobar", [ 1, 2 ] ); // "foobar", 1
scope.apply( "foobar", [ 1, 2 ] ); // "foobar", 2
    • 作用域

   
在JavaScript中,所有函数内部定义的变量都只是以拖欠函数的企图域内是有效之。

    在大局范围外定义之变量和函数内部定义之变量名称一致时,两者是免见面发出冲突之。

var x = 0;
(function() {
var x = 1;
console.log( x ); // 1
})();
console.log( x ); // 0
    • 闭包

    闭包是针对作用域范围之扩张,闭包让函数可以在表面看该函数被创造的作用域内的变量。这种模式允许而创建对象后通过措施来操作对象中的变量,这些变量是标不可见的,这吗亏面向对象编程的底蕴。

function create() {
var counter = 0;
return {
increment: function() {
counter++;
},
print: function() {
console.log( counter );
}
}
}
var c = create();
c.increment();
c.print(); // 1
    • 代理模式

   
在JavaScript中出平等栽代理模式,为另外对象提供相同种代理以控制对之目标的走访,可以实现核心的面向方面编程(AOP)。

  • 回调

   
回调就是在一个函数中传送一些函数作为那个参数。JQuery的波系便是下函数回调来落实的。

$( "body" ).click(function( event ) {
console.log( "clicked: " + event.target );
});

   
回调的返回值是可选的,例如提防表单提交,我们得经波来展开处理。

$( "#myform" ).submit(function() {
return false;
});

 

  • Selector

   
在JQuery中一个selector是叫用来抉择DOM文档中的元素,这文档一般是以浏览器中,除此之外通过AJAX接收的XML文档也是适用的。

   
如果selector被指定为参数类型,那么她用收受任何JQuery构造函数接受之,例如:字符串、元素与因素列表等。

 

  • Event

       
    JQuery事件系统是根据W3C标准规格事件目标的,事件目标是被担保传递给事件处理器的。

    DOM中的专业事件是:blur, focus,
 load, resize, scroll, unload, beforeunload, click, dblclick, mousedown,
mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change,
select, submit, keydown, keypress, 和
keyup。DOM事件的名号是吗部分要素预定义的,JQuery事件模型可以经元素上之片称谓指向一个波。

 

  • Element

       
    在DOM中之一个因素得以产生性、文本以及子节点。它提供了法子可以遍历父节点和子节点,并获取她的特性。JQuery提供了援元素和DOM交互的不二法门。

   
每当使用JQuery中之each方法,函数回调的上下文将受装也一个DOM元素,事件处理器为是相近之。

$( ":text" ).blur(function() {
if( !this.value ) {
alert( "Please enter some text!" );
}
});

 

  • jQuery

       
    JQuery对象涵盖一个DOM元素的集。JQuery经常采取CSS样式中之选择器来配合文档中的素,设置JQuery对象中的因素经常被称之为设置“匹配元素”或者“已选元素”。

   
JQuery对象类似于数组,但是得小心的凡它们不是当真的数组对象,虽然其来length属性,但是任何组成部分数组内置方法是不克下的。

   
很多JQuery方法返回的也是JQuery对象,所以于这么的状态下得以链式调用的点子来调用函数。

$( "p" ).css( "color", "red" ).find( ".special" ).css( "color", "green" );

   
每当你采取JQuery的链式调用函数时,如果您想回去到当前因素之前的死去活来元素,那么您得使用.end()方法。

   
JQuery对象好是空的,不包含DOM中之元素,你得经过$()创建一个空JQuery对象。如果选择器没有选择其他因素或链式方法被淋了有的素,那么JQuery对象也空而无是error,并且在空的JQuery对象及调用方法是无用的。

 

  • XMLHttpRequest

     
      一些jQuery的AJAX函数返回的凡地方的XMLHttpRequest(XHR)对象,而XMLHttpRequest正是AJAX的基本目标,其主要力量是同劳务端进行数据交互。

 

  • XML Document

    XML文档对象是经过浏览器的XML
DOM解析器创建的,XML文档与HTML文档有着不同的语义,但多数的遍历与JQuery方法对于两岸是一律采用以及周转的。

 

  • 种类检查

   
jQuery提供了有些主干的实用方法来规定一个特定值的类。

var myValue = [ 1, 2, 3 ];
// 使用JavaScript的typeof来测试类型
typeof myValue === "string"; // false
typeof myValue === "number"; // false
typeof myValue === "undefined"; // false
typeof myValue === "boolean"; // false
// 使用全等于运算符判断是否为null
myValue === null; // false
// 使用Jquery的方法检查类型
jQuery.isFunction( myValue ); // false
jQuery.isPlainObject( myValue ); // false
jQuery.isArray( myValue ); // true

相关文章

网站地图xml地图