循环和函数

307 阅读4分钟

什么是函数:

  • 函数的含义:程序的基本单元,是完成特定任务的代码语句块
  • 函数分类:系统函数(如parseInt())、自定义函数(如luck())
  • 函数的特征
    • 实现一定的功能
    • 可以返回一个结果
    • 可以有参数

自定义函数

     function fn123(){
        alert(123) 
        prompt('输入姓名','张三') 
       return '你好';
   }
   

函数的调用

      fn123() 
    有返回值的函数 需要用变量去接收 
    let str = fn123(); /* let str = '你好'; */
     alert(str)

return的作用

  1. return 只能在函数里面使用

  2. return 123 表示可以返回一个值(123)

  3. 直接写一个return表示终止函数的执行

  4. return表示终止的时候 记得加;号

  5. 避免以后压缩js代码的时候造成不必要的问题

       function fn(){
       document.write('我要好好学习前端');
       return;
       document.write('我要好好学习大数据');
     }
     fn()
    

    函数的参数

  •       fn('我要好好学习') '我要好好学习'叫实际参数
    
  •       function fn(str){} str 叫做形式参数 可以理解为一个局部变量
      
    

存在多个参数的情况下分别写

    function fn(str1,str2){
        alert(str1+':'+str2)
    }
    fn('姓名','张三') 
    

do-while循环

特点:先执行,再判断

    do {
         循环操作
     }while(循环条件);

先执行 再判断 至少会执行一次

     let i=6;
    do{
        document.write(i);
        i++;
    }while(i<5) 
    console.log(i); 
     使用do while 完成 1-100的偶数累加  把结果打印在页面上 
     let i=1;
    let sum=0;
    do{
        if(i%2==0){
            sum+=i;
        }
        i++;
    }while(i<=100)
    document.write(sum); 

if 和 if elseif 的区别

     let str = prompt('请输入你的成绩') 
     两个 如果第一个成立 第二个无论条件是否满足都不会执行 
     if(str=='90'){
        console.log('优秀')
    }else if(str=='90'){
        console.log('及格')
    } 

如果两个条件都成立,两个都会执行

    /* if (str == '90') {
        console.log('优秀')
    }
    if (str == '90') {
        console.log('及格')
    } 
    

基本数据类型

   string number 布尔boolean null undefined 
   object 引用数据类型 数组 对象
   定义一个数组 

构造函数(首字母大写的函数)的方式来创建一个数组

    let arr = new Array('1','2','3','4'); 
    字面量的方式来创建数组 
    let arr = ['1', '2', '3', '4']; 

前面小写后面大写 驼峰命名法

     let nameList = ['张三','李四','王五'] 
     数组的每一项都有一个索引(下标) (从0开始的) 
     取到数组里面每一项的方式 是通过[索引]nameList[0] 
     如何获取数组的长度呢? nameList.length 
     nameList[length] length代表一个变量  
     nameList['length'] length代表一个属性 
     console.log(nameList['0']) console.log(nameList[0])  张三
     常用的获取数组长度的方法 就是 nameList.length 
     for(var i=0;i<nameList.length;i++){
        document.write(nameList[i]);
    } 

let stu = ['姓名','性别','年龄'];

使用循环 在页面上打印出,里面的每一项的值,并把数组的长度打印在页面上

     for(let i=0;i<stu.length;i++){
        document.write(stu[i]);
    }
    document.write(stu.length);
    document.write(stu['length']); 

引用数据类型 数组 对象 更加的简洁 更适合对象使用

     for(var i in stu){ 
         for in 打印的是数组的属性(字符串类型) 
         console.log(stu[i]); 
     } 
     console.log(0)
    console.log('0') 
    

因为数组也是一个对象 所以for in循环是把数组当成对象来循环的

     console.log(typeof stu) 

定义一个数组 使用for in循环 把数组的每一项打印出来

对象是由 键 和 值 组成了 键 也就做属性(key),就比如 数组里面的 0 1 2 就是属性(字符串类型) 值 就是具体的内容(value) 就比如数组里面每一项的内容*/

创建一个对象 构造函数(首字母大写的函数)的方式创建

     let obj = new Object({name:'zhangsan',age:18}) 
    字面量的时候创造对象 
   let obj = {name:'zhangsan',age:18}
    对象的取值 
    console.log(obj.age); 
    console.log(obj[age]); age代表一个变量 
   console.log(obj['age']) 

 for(let key in obj){
      console.log(obj.key);  打印不出来 
     因为key是一个变量 并不是obj中的具体的属性值
     console.log(obj[key]);
 }

filter: grayscale(100%);css3的滤镜功能 100%表示全灰 值越小 颜色越鲜艳,1表示全灰 值越小 0.2 0.1 颜色越鲜艳

自己定义一个对象 使用for in 把对象里面的值打印在页面上,for in主要使用在对象上 循环数组 推荐使用for循环

 let obj2 = {name:"lisi",age:20}
 for(let key in obj2){
 document.write(obj2[key]);
 }