您的位置:首页 > Web前端 > JavaScript

js基础看这里

2015-10-25 15:40 537 查看
javascript基础

一、 基本知识

    1、java script

       (1)、外部样式

       (2)、直接在内部写

    2、注释

     //单行注释   /*   */多行注释

    3、变量名的命名规范

       (1)、字母,($)、(_)可以运用,并且可以出现在一个字符

       (2)、数字也可运用,但是不能出现在第一个字符

    4、变量

      var 变量声明

    5、布尔值

       undifined  null false 0 NaN ……(空字符串)

       js中以上六种默认为fales

    6、分号的使用:语句的结束。

       不适用分号:for和while 结束

                  if switch try 分支语句

二、数据类型

    1、数据类型:原始类型和引用类型

    2、原始类型:

       (1)、Numnber类型   (可以是整数也可以是小数)

       (2)、字符串类型(string)   (“ ”  '')

       (3)、布尔类型(booleam)  true   false

       (4)、null

       (5)、undifined

    3、typeof(用于来查看数据类型)

##三、Numbre类型的常用方法

     1、IsNaN(value)

        判断参数是否为NaN

     2、pareFloat(value)

        把参数转化为浮动数(小数)

     3、parseInt(value)

         把参数转化为整数

三、运算符

    1、算术运算符

       运算符   作用     指定y=5    运算结果

        +       加      x=y+2       x=7  

        -       减      x=y-2       x=3 

        *       乘      x=y*2       x=10 

        /       除      x=y/2       x=2.5 

        %       求余数  x=y%2       x=1 

        ++      自增    x=++y (先运算再赋值)x=6 ; x=y++(先赋值再运算)  x=5

        --      自减    x=--y       x=4  

    2、赋值运算符

       a=b    把b的赋予给a

       a+=b   a=a+b

       a-=b   a=a-b

       a*b    a=a*b

       a/b    a=a/b

    3、关系运算符

       ==     值相等

       ===    数据类型和值都相等

       !=   不等于

       >     大于

       <     小于

    4、取反运算符

      !   !true  !false

    5、逻辑运算符

      (1)、且运算  (&&) 

          表达式1 && 表达式2   两边同时为真,输出结果为真

      (2)、或运算(||)

             表达式1 || 表达式2  两边有一个为真,输出的结果为真

    6、三目运算

        表达式1 ? 表达式2: 表达式3

        首先执行表达式1,1成立执行2, 1不成立执行3

四、运算顺序

    1.左右结合,同样的等级(从左至右)

    2、赋值运算和三目运算(从右至左)

    3、优先级别

       从高到低

       1、!取反运算

       2、算术运算

       3、关系运算

       4、逻辑运算

       5、三目运算

       6、赋值运算

流程控制
一、流程控制语句
    一、条件语句
     1、if语句

     语法:  if (条件)
          {
            语句1
           }  语句2
    解释:首先判断条件是否成立,成立执行语句1,然后再执行语句2
    
    2、If...else 语句
      if (条件)
      {
         语句1
      } else {
             语句2
             }
           语句3
     解释:条件成立执行语句1,不成立执行语句2.然后再依次执行语句3
  
    3、If...else if...else 语句
      if (条件 1)
       {
         语句1
         }
      else if (条件 2)
      {
         语句2
       }
     else
    {
      语句3
      }
    解释:当条件成立,执行语句去,当条件2成立执行语句2,当条件1和条件2都不成立,执行语句3
二、switch语句
       switch(i)
          {
            case 1:
           console.log(语句1) 
           break;
           case 2:
           console.log(语句2) 
           break;
          default:
          console.log(语句3) 
           }
       解释:case 1和i 匹配 执行语句1,case 2和i 匹配 执行语句2.如果case1 和case2与i都不匹配则,执行语句3
三、循环方式
    1、while 循环
       语法:while (条件){
                        循环语句
                      }
        解释:当条件成立时。循环执行循环语句
    2、do...while循环
        语法:do{
                循环语句
                }while(条件);
        解释:先进行一次循环,在判断太条件,成立就继续执行循环语句。
    3、for循环
        语法:for(语句1,;条件;语句2){
                                       循环语句
                                      }
        解释:判断条件。成立执行语句2   
         例如: for (var i=0; i<5; i++){
                           }
  数组
    1、格式:
            var arr [1,2,3,4,]
            console.log(arr[1]);//表示取出数组总索引位置位1的元素。
    2、length属性
        console.log(arr.length)//表示数组的长度
    3、赋值
      arr[1]="zhang"//把“zhang”赋值到数组中索引位置为1的元素上
    4、定义一个数组
       (1)、[]
       (2)、new array
数组常用的方法
    1、倒序数组
      arr.reverse();
      console.log(arr);

    2、删除数组的第一个元素;
       arr.shift();
       console.log(arr);
       console.log(arr.shift())//返删除元素的值。

    3、删除数组中的最后一个元素;
       arr.pop();
       console.log(arr);
       console.log(arr.pop());//返删除元素的值。
   
    4、将元素插入数组开始的位置;  
       arr.unshift(10,11)//将10和11这两个元素查插入到数组中的第一个位置
       console.log(arr);
       console.log( arr.unshift());//显示数组的长度

    5、将元素插入数组结束的位置;
       arr.push("zhang","yang")//将元素zhang 和yang 插入到数组结束的位置
       console.log(arr);

    6、组合两个数组,并组成新的数组;
       arr.concat(arr1);
       console.log( arr.concat(arr1));//显示出的是arr和arr的组合数组。

    7、从一个数组中删除一个或者多个元,而且可以在删除的位置插入新的                
       arr.splice(1,3,"q","q");1代表开始的位置,3代表结束的位置,显示时不包含结束的位置。
       console.log(arr);

    8、 返回数组的一段             
       arr.slice(1,3);
       console.log(arr.slice(1,3));
string常用方法
    1、显示指定索引位置的元素
       var str="1234djjgg"
       console.log(str.charAt(2));//显示索引在2的元素

    2、输入的元素第一出现的索引位置
      console.log(indexOf(d))//元素d在str中第一次出现的索引位置

    3、输入的元素最后出现的索引位置
      console.log(lastIndexOf(d))//元素d在str中最后一次出现索引位置

    4、返回位于 String 对象中指定位置的子字符串。(拆分字符串)
         console.log(substring(2,4))//2代表开始的位置,4代表结束的位置,显示时不包含结束的位置。
                                       显示出来的只有索引位置为2和3的元素。
    5、将字符串中的字母被转换为小写字母。
       console.log(toLowerCase(str))

    6、将字符串中的字母被转换为大写字母。
       console.log(toUpperCase(str))

    7、返回字符长的字段
       console.log(str.slice(1,4))//1为开始位置,4位结束位置。不包含结束位置。
                                    可以为负数,当star为负,lengt+star;
                                               当end为负,length+end;

    8、将一个字符串分割为子字符串,然后将结果作为字符串组成数组。
       console.log(str.split(1))//将1前后的字符串组成新的字符串,然后组成新的数组。

函数
一.栈和堆的区别
      (1).栈原始类型存放在其中(比如一串数字),引用类型的地址.
    (2).堆里放引用类型(arr string)的内的具体元素.
二.函数的声明
      (1).关键字:function
     (2).声明式函数,(解析的过中就已经赋值)
       function fn(){
                方法体;   
               }//结束没有逗号
     (3).函数表达式方式(解析完了再赋值)
        var fn function(){
                方法体
                  };//结束必须有逗号
     (4).构造函数方式
        var fn =new Function();
         
     (5).立即调用的函数表达式(只能)
             (function (){
                     方法体
                    }());
    注意:  解析的顺序: 首先找到var或者function;然后再判断和赋值.
三.作用域(允许变量存在的范围)
       (1).全局作用域和局部作用域
     (2).内部函数体可以访问外部函数体的变量,外部函数体不能访问内部函数体的变量
四.参数
      (1).针对原始函数类型,将他的值出传递到函数体内
     (2).针对引用类型,他是地址传递.
五.函数的属性  
      (1).name,输出函数的名称
      fuction fn(){}console.log(fn.name)
      (2).length,输出参数的个数  
      fuction fn(){}console.log(fn.length)
     (3)argumengts,管理传入的参数。
      注意:只有在函数体内部使用,函数自带的,每个函数都要一个argumengts。
   
         
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: