javascript代码实例教程-javascript学习实录 之一 --刘啸尘

发布时间:2019-04-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-javascript学习实录 之一 --刘啸尘脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 @H_304_0@突然想系统的学习一下javascript,花了几个小时思考,该如何学习,制定下学习计划,说做就做,走 走

废话我就不说了,像javascript的由来啊,什么的等等,自己百度/GOOGLE吧,先来一段javascript,最基本的排序操作


[javascript]
<htML>&nbsp;
    <tITle></title> 
    <head> 
        <script tyPE="text/javascript"> 
            VAR arr = [3, 1, 5, 8, 2, 9, 4]; 
            function sortArr(arr) { 
                for (var i = 0; i <= arr.length; i++) { 
                    for(var j = i+1; j <= arr.length; j++) { 
                        if(arr[i] > arr[j]) { 
                            var temp = arr[i]; 
                            arr[i] = arr[j]; 
                            arr[j] = temp; 
                        }                        
                    } 
                } 
                return arr; 
            } 
                 
            alert(sortArr(arr)); 
        </script> 
    </head> 
 
    <body> 
         
    </body> 
</html> 

<html>
 <title></title>
 <head>
  <script type="text/javascript">
   var arr = [3, 1, 5, 8, 2, 9, 4];
   function sortArr(arr) {
    for (var i = 0; i <= arr.length; i++) {
     for(var j = i+1; j <= arr.length; j++) {
      if(arr[i] > arr[j]) {
       var temp = arr[i];
       arr[i] = arr[j];
       arr[j] = temp;
      }      
     }
    }
    return arr;
   }
    
   alert(sortArr(arr));
  </script>
 </head>

 <body>
  
 </body>
</html>
以上是个排序的代码,跟java的比较类似,看看都能懂,so easy。

你还可以写成如下形式


[javascript]
var sortArr2 = function(arr) { 
                for (var i = 0; i <= arr.length; i++) { 
                    for(var j = i+1; j <= arr.length; j++) { 
                        if(arr[i] > arr[j]) { 
                            var temp = arr[i]; 
                            arr[i] = arr[j]; 
                            arr[j] = temp; 
                        } 
                    } 
                } 
                return arr; 
            } 
            alert(sortArr2(arr)); 

var sortArr2 = function(arr) {
                for (var i = 0; i <= arr.length; i++) {
                    for(var j = i+1; j <= arr.length; j++) {
                        if(arr[i] > arr[j]) {
                            var temp = arr[i];
                            arr[i] = arr[j];
                            arr[j] = temp;
                        }
                    }
                }
                return arr;
            }
            alert(sortArr2(arr));
来看一下下面这个函数


[javascript]
function fuc(x, y, z) { 
   alert(x + ",," + y + ",," + z); 

fuc(1, 2, 4) 

function fuc(x, y, z) {
   alert(x + ",," + y + ",," + z);
}
fuc(1, 2, 4)
很显然,大家都知道返回的是什么

大家可以试试调用func的时候不传入参数。 但是如果 你这样来搞的话


[javascript]
function fuc() { 
      
     alert(x + ",," + y + ",," + z); 
 } 
 fuc(1, 2, 4); 

           function fuc() {
               
                alert(x + ",," + y + ",," + z);
            }
            fuc(1, 2, 4);
你的函数没有接受参数,但是你传禁区了,其实是不会报错的,但是,你却看不到你传入的值,其实,它确实是存储了,存储在一个叫arguments的数组中,你可以遍历出来,很简单的。

 

 


类和对象

javascript的类和对象,对于任何一种编程语言来说,类和对象都是至关重要


[javascript]
function Person() { 
    alert("person init"); 

var p = new Person(); 
p.name = "张三"; 
p.age = 30; 
p.eat = function() { 
    alert("person eat!!"); 

p.eat(); 

        function Person() {
            alert("person init");
        }
        var p = new Person();
        p.name = "张三";
        p.age = 30;
        p.eat = function() {
            alert("person eat!!");
        }
        p.eat();

声明一个Person类,有两个属性,有一个eat方法,怎么样,很简单吧。

还有另外一种


[javascript]
function Person2(name, age) { 
     this.name = name; 
     this.age = age; 
 } 
 var p2 = new Person2("xiaochen", 40); 
 alert(p2.name + "---" + p2.age); 
 alert(p2["name"] + "---" + p2["age"]); 

       function Person2(name, age) {
            this.name = name;
            this.age = age;
        }
        var p2 = new Person2("xiaochen", 40);
        alert(p2.name + "---" + p2.age);
        alert(p2["name"] + "---" + p2["age"]);
请注意这两个alert里面的内容,打印的都一样,这说明,其实,对象,你可以把它当成是一个数组。

ok 今天先搞到这

先一次准备把常用的方法,都封装一下,便于以后使用,这也是一种习惯

 

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-javascript学习实录 之一 --刘啸尘全部内容,希望文章能够帮你解决javascript代码实例教程-javascript学习实录 之一 --刘啸尘所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。