zoukankan      html  css  js  c++  java
  • JavaScript笔记_基本语法

    同其它编程语言一样,JavaScript中也一样有变量,语句,函数,数组等常见语言组成元素。

    1、变量:

    JavaScript中通过关键字var来定义变量。

    JavaScript中的变量类型为弱类型(弱类型既是不用指定具体的数据类型)

    例:

    1. var x =3;  
    2. x = "hello";  

    注:JavaScript中特殊的常量值:undefined,当变量没有初始化就被使用,该变量的值就是undinfed(未定义)。

    2、语句(与Java语句格式相同)

    1)判断结构(if语句)

    例:

     
    1. if(x==4)//可以进行比较运算  
    2. if(x=0)//可以进行赋值运算,而且可以同样进行判,不报错。  

    2)选择结构(switch语句)

    与Java相同

    3)循环结构(while语句,do..while语句,for语句)

    例如:(打印99乘法表)

    1. var x = "99乘法表";  
    2. alert(x);  
    3.   
    4. document.write("<table>");  
    5. for(var i=1; i<=9; i++)  
    6. {  
    7.     document.write("<tr>");  
    8.     for(var j=1; j<=i; j++)  
    9.     {  
    10.         document.write("<th>");  
    11.         document.write(j + "*" + i + "=" + i*j);  
    12.         document.write("</th>")  
    13.     }  
    14.     document.write("</tr>");  
    15. }  
    16. document.write("</table>");  

    注:不同的是,没有了具体数据类型的限制,使用时要注意。

    3、函数(一般格式)

    1)一般格式:

    例如:

    1. function show()  
    2. {  
    3.     alert("show");  
    4.     alert(arguments.length);  
    5. }  

    注:JavaScript的函数,没有参数的重载形式。参数统一放到函数内部数组arguments中。

    2)动态函数定义(Function):

    例如:

    [javascript] view plaincopy在CODE上查看代码片派生到我的代码片
     
    1. var show = new Function("x","y","return x+y;");  
    2. alert(show(1,2));  

    3)匿名函数(通常用于事件的处理方式定义):

    例如:

    [javascript] view plaincopy在CODE上查看代码片派生到我的代码片
     
    1. var show = function()  
    2. {  
    3.     alert("function run");  
    4. }  
    5. show();  

    4)arguments数组

    JavaScript语法,函数中,可以不要显式的声明函数的个数和类型(不建议这么干),有默认的arguments数组,可以实参数的动态获取。

    例如:

     

    1. function myAdd()  
    2. {  
    3.     var sum = 0;  
    4.     for(var x=0; x<arguments.length; x++)  
    5.     {  
    6.         document.write("argu" + x + ":" + arguments[x] + "<br/>");  
    7.         sum += arguments[x];  
    8.     }  
    9.     return sum;  
    10. }  
    11. document.write("total:" + myAdd(1,2,3,4) + "<br/>");  

    4、数组

    Js中,数组就相当于Java中的集合,长度可变,不存在越界。

    例:

     
    1. var arr = [4,1,6,8];  //直接定义数组  
    2. var arr = new Array();  //定义空的数组  
    3. for(var i=0; i<arr.length; i++)  
    4. {  
    5.     alert(arr[i]);  
    6. }  

    5、对象的定义

     
    1. //这边定义有点类似构造器  
    2. function Person(name,age)  
    3. {  
    4.     this.name = name;  
    5.     this.age = age;  
    6. }  
    7. var p = new Person("mingzi","1");  
    8. p.getName = function()  //工具方法  
    9. {  
    10.     return p.name;  //或return p["name"];  
    11. }  

    6、with语句

     

    1. 6)with语句  
    2. with(stu)       //stu是对象  
    3. {  
    4.     alert(name+"..."+age);  
    5. }  


    7、for-in语句

    1)for-in遍历类的属性

    1. for(s in stu)   //s为属性名称  
    2. {  
    3.     alert(stu[s]);  //stu[s]为stu对象中,s属性对应的属性值。  
    4. }  

    2)for-in遍历数组

     
    1. var array = [5,1,2,7];  
    2. for(index in array)  
    3. {  
    4.     document.write(array[index] + "<br/>");  
    5. }  


    8、给JavaScript中已存在的对象增加方法(利用prototype属性)

    例如:(给Array类,增加getMin()和getMax()方

     

      1. Array.prototype.getMax = function()  
      2. {  
      3.     var max = this[0];  
      4.     for(index in this)  
      5.     {  
      6.         if(this[index] > max)  
      7.         {  
      8.             max = this[index];  
      9.         }  
      10.     }  
      11.     return max;  
      12. }  
      13.   
      14. Array.prototype.getMin = function()  
      15. {  
      16.     var min = this[0];  
      17.     for(index in this)  
      18.     {  
      19.         if(this[index] < min)  
      20.         {  
      21.             min = this[index];  
      22.         }  
      23.     }  
      24.     return min;  
      25. }  
      26.   
      27. var array = [1,4,3,3,5,6];  
      28. document.write(array.getMax() + "<br/>");  
      29. document.write(array.getMin() + "<br/>");  
      30. document.write("<br/>");  
  • 相关阅读:
    网站代码优化总结
    移动端 H5 页面注意事项
    js基础知识点收集
    2017-3-26 webpack入门(一)
    gulp教程
    less的使用
    微信小程序接口封装
    div上下左右居中几种方式
    前端知识点-面试
    call和apply
  • 原文地址:https://www.cnblogs.com/huangxiaoxiao/p/4526083.html
Copyright © 2011-2022 走看看