首页 > 代码库 > [JS] javascript基础语法

[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优化器.非常智能.

  下载地址:

  

[JS] javascript基础语法