[JS] javascript基础语法

1.javascript是什么　　js是具有面向对象能力的,解释性的程序设计语言. 2.js的类型　　[基本类型]:string number boolean　　[复合类型]:对象(对象,函数,数组)　　[无类型]:null undefiend 3.typeof　　语法:string typeof (变量名)　　或者　　string typeof 变量名　　作用:返回这个变量的类型 4.块级作用域　　js没有块级作用域的概念.if while等内声明的变量都是和外面声明的变量是同一作用域的. 5.运算符　　==和!=:是判断2个结果是否相等　　in:属性是否属于某个对象　　instanceof:变量是否属于某个类　　　　add instanceof Function 6.数字类型　　js中的数字类型都是浮点数.1===1.00　　8进制:0开头　　16进制:0x开头　　7.NaN　　Infinity　　IsNaN　　IsFinite　　NaN:Not a Number　　　　alert(0/0)　　Infinity:无限的 　　　　　　alert(0.1/0)　　boolean IsNaN(number):　　判断不是数字　　boolean IsFinite(number):　　判断数字是不是有限的 8.string类型方法　　string　substring(startindex,endindex):左边取的到,右边取不到　　string　substr(startindex,length):　　9.包装类型　　包装类型和基本类型的用法一直,是对基本类型的扩充.　　Number　　String　　Boolean 10.函数/匿名函数　　函数是js的灵魂,匿名函数就是将函数赋给一个变量.　　函数:function 函数名(参数){方法体}　　匿名函数:var 变量名 = function(参数){方法体} 11.变量名提升/函数名提升　　函数中是局部作用域,在局部作用域内使用var声明的变量都会隐式的前置.　　如:　　var i = 1;　　function test(){　　　　alert(i);　　　　var i = 2;　　　　　　　　　　　　//此处声明的i相当于在局部作用域最上面声明的.所以alert(i)的i为undefined.　　　　alert(i);　　}　　var func = function(){return 1};　　function test(){　　　　func();　　　　var func = function(){return 2};　　//此处和上例相同,因为是函数调用的原因.此处会直接报错.执行不下去.　　　　func();　　} 12.动态函数　　new Function(arg1,arg2...argN,body):会创建一个函数并返回. 13.arguments　　函数的内部会有一个默认的arguments对象,不是数组.　　typeof arguments = Object. arguments instanceof Array = false 14.创建对象　　在js中没有类的概念,但是函数可以作为构造函数来使用.对象实际就是键值对.　　var Person = function(){　　　　this.ID = 1;　　　　this.Name = '2';　　}　　var p1 = new Person();　　　　　　//创建了一个Person对象,有属性ID和Name　　原理:　　　　new 关键字:创建一个object对象.将函数内的this指向这个对象.　　　　构造函数:执行构造函数为this扩展成员.执行完返回this对象. 15.对象的字面值　　var o = {　　　　Id:1　　　　,Name:'2'　　}　　可以随意的添加成员o.Age = 3;删除成员:delete o.Age;调用成员o['Age'](); 16.数组的创建　　　2种方式创建:　　var arr = new Array()　　var arr = []　　一般给数组赋值都是:　　arr[arr.length] = value;　　 17.null undefined　　null表示空,没有引用对象.　　undefined表示未定义,不存在.有3种情况:　　　　a.未定义的属性　　　　b.未定义的变量　　　　c.返回只有return　　18.Error　　相当于C#中的Exception对象　　在js中 throw new Error('此处有错误');　　常用:throw {msg:'异常',date:new Date()} 19.常用函数　　编码函数:　　　　encodeURI:对字符串编码,让中文可以再网络中正常传输　　　　　　　　推荐使用　　　　decodeURI:对字符串解码.　　　　　　　　　　　　　　　　　　　　　推荐使用　　　　escape:编码　　unescape:解码　　　　编码成16进制. 20.扩展方法　　扩展方法的本质就是继承.　　构造函数都有prototype(原型)属性.通过构造函数new的对象实际都是派生自prototype.　　注意:所有的函数都继承自Function.间接继承Object.　　Function.prototype.say = function(){　　　　　　　　　　　　　　　　　　　　//给所有函数扩展了一个say方法.　　　　alert('每个函数都能调用');　　　　　　　　　　　　　　　　　　　　　　　　//函数都派生自Function的prototype属性　　}　　var func = function(){}; func.say();　　21.继承　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　重点　　(var obj = new Object();　　var str = new String();　　var func = new Function();　　　　　　所以Object,String,Function都为构造函数.)　　//继承方式1:　　Object.prototype.jc = function(objBase){　　　　var F = function(){};　　　　F.prototype = objBase;　　　　return new F();　　} 　　//继承方式2:　　Object.prototype.jc = function(objBase){　　　　this.prototype = objBase;　　}　　var F = function(){};　　F.jc(objBase);　　var func = new F(); 　　//继承方式3:(多继承)　　Object.prototype.jc = function () {
　　　　var arr = arguments;
　　　　for (var i = 0; i < arr.length; i++) {
　　　　　　for (var k in arr[i]) {
　　　　　　　　this.prototype[k] = arr[i][k];
　　　　　　}
　　　　}
　　};　　var F = function(){};　　F.jc({id:1},{age:2},{say:function(){　　　　alert(this.id + ":"+ this.age);　　}})　　var fu = new F();　　fu.say(); 　　22.闭包　　闭包就是 将高级作用域内的变量提供给低级作用域访问.　　var P = function () {　　　　var i = 1;　　　　return function(){　　　　　　alert(i);　　　　}　　};　　var p = new P();　　p();　　　　最外面的p能调用P函数里面的i;　　23.函数　　函数在js中有4种身份　　[函数]:var func = function(){};　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//函数与方法的区别主要在函数内this指的是什么.　　[方法]:var o = {}; o.say = function(){};　　[构造函数]:var P = function(){}; var o = new P();　　[apply|call]:函数名.apply(对象,[参数数组])　　函数名.call(对象,参数列表); 24.DOM　　DOM操作就是js操作html标签.　　DOM操作:　　　　创建节点:Element document.createElement(tagName)　　　　获得节点:　　　　　　　　根据id,className,tagName　　Element document.getElementByXX(XXValue)　　　　　　　　获得子节点:　　　　　　　　　　　　父节点.childNodes
　　　　　　　　　　　　父节点.firstChild
　　　　　　　　　　　　父节点.lastChild　　　　　　　　获得兄弟节点:　　　　　　　　　　　　当前节点.nextSibling　　　　添加节点:　　　　　　　　父节点.appendChild()　　　　删除节点　　　　　　　　父节点.removeChild()　　　　设置节点属性　　　　　　　　DOM.setAttribute('属性名','属性值')　　　　　　　　DOM.getAttribute('属性名')　　　　　　　　常用属性:nodeName(大写标签名),nodeType(1标签 2属性 3文本),nodeValue(文本节点的文本)　　　　设置节点文本　　　　　　　　元素节点.innerText　　　　　　　　文本节点.nodeValue　　　　　　　　input节点.value 　　　　DOM树:注意的是文本节点是一个单独的节点. 25.setTimeout,setInterval本质还是单线程的.js是以事件方式驱动的　　 26.js压缩:　　方式一:　　javascript compressor　　在线压缩工具　　地址:http://dean.edwards.name/packer/ 方式二:　　JSA　　压缩,混淆,分析的工具　　下载地址: 方式三:　　closure compiler 谷歌的js优化器.非常智能.　　下载地址: