• js--基础(对象、数组、函数、if语句、while语句、do while语句、continue语句、break语句)


    三、流程控制:
    1、单行语句
    var age =20;//单行语句

    2、复合语句
    花括号包含起来的与聚集和叫做复合语句,一对花括号表示一个复合语句 
    ,处理时可以当成一个单行语句来看待,一般复合句与叫做代码块。

    {
    var height:200px;
    var 200px;
    }

    3、空语句也是一条语句

    4、条件语句
    if里面的括号(box>50)返回的结果转换为布尔值是true的时候,则执 
    行后面的一条语句,否则不执行

    var box=100;
    if(box>50)alert(box);

    var box=100;
    if(box>50)//if语句里的表达式如果返回的false,只会不执行后面的一条 
    语句。第二条语句与if语句无关,所以会执行
    alert(box);
    alert('不管if是true还是false我都要执行');

     

    var box=10;
    if(box>50){//这里是复合语句被当做单行语句来对待,当条件不满足时 
    ,都不执行,
    alert(box);
    alert('不管if是true还是false我都要执行');
    }

    var box=100;
    if(box>50)//if语句中的返回值就是boolean类型,当返回值是true时返 
    回100,false时不返回;
    if(123)//括号内换成123时返回值是100,说明是true
    if(0)//没有返回值,说明是false
    if("Ms.Wang")//返回值是100,说明是true
    alert(box);


    四、循环

    1、do while循环:先运行再判断的循环体;当while判断为false时退出 
    循环,当判断为true时执行循环,如果条件不满足时至少会执行一次。循 
    环条件要注意正确性,否则会陷入死循环。

    var box =1;
    do{
    alert(box);//依次输出1、2、3、4、5
    box++;
    }while(box<=5);


    2、while语句:先判断再执行:条件不满足一次也不会执行

    var box=1;
    while(box<=5){
    alert(box);
    box++;
    }


    3、for循环:先判断再执行循环体,如果结果是true则执行,若结果为 
    false则退出循环体。

    for(var box=1;box<=5;box++){
    alert(box);
    }

    4、for in 语句 针对对象获取属性值时用

    var box={
    'name':'Linda',
    'age':20,
    'address':'云南'

    }

    for (var x in box){
    alert(p);
    }

    5、continue和break语句
    for(var box =1;box<=10;box++){
    if(box==5)break;//只会执行打印出1-4,即退出循环体了
    document.write(box+'<br/>');
    }


    for(var box =1;box<=10;box++){
    if(box==5)continue;//5不会打印出来,而只是退出了当前循环体
    document.write(box+'<br/>');
    }


    6、with语句:将代码的作用域设置到一个特定对象中去

    var box={
    'name':'Linda',
    'age':20,
    'heighr':165
    }

    with(box){
    var n=name;
    var a=age;
    var h=height;
    }

    alert(n+a+h);


    五、函数

    //函数本身没有执行功能
    声明函数
    function box(){
    alert("我只有被调用才能执行");
    }


    function box(name,age){
    alert("你的姓名是:"+name+",年龄是:"+age);

    }
    box("linda",29);//调用函数


    返回值类函数实例1:
    function box(){

    return"我只有被调用了才能执行!";//return表示把这句话字符串返 
    回回来
    }
    //打印出函数调用后返回回来的结果,否则看不出来效果,虽然已经调用 
    了函数,但是看不出来效果
    alert(box());//相当于box()="我只只有被调用了才能执 
    行".


    注:使用返回值类的函数情况较多,直接调用函数的情况较少

     

    返回值类函数实例2:
    function box(){//也就是说当一个函数遇到第一个return时就会终止 
    函数继续往下执行
    return 10;
    return 100;
    }

    alert(box());//结果是10,也就是说当一个函数遇到第一个return时就 
    会终止函数继续往下执行函数

    返回值类函数实例3: arguments(不介意传递进来的参数是多少,根据索 
    引值获取即可)
    function box(){
    return arguments[0]+'|'+arguments[1]+'|'+arguments[2];
    }

    alert(box('小夏','营销',20));//函数并没有设置参数,但是一样可以 
    返回想要的值

    4:获取参数数量:length属性智能获取参数个数。动态获取所需参数
    function box(){
    var sum =0;
    for(var i =0;i<arguments.length;i++){
    sum+=arguments[i];//动态获取参数个数和具体的数值,实现求和 arguments
    }
    return arguments.length;
    }

    alert(box(1,2,3,4,5,6,7,8,9,10));

    重载:即根据参数,选择相同函数名而参数不同的函数,但是js没有重载 
    功能,是根据顺序来的
    function box(num,a){
    return num+100;
    }


    function box(num){
    return num+200;
    }

    alert(box(3,3));//结果是203;若是把两个box函数调换顺序,则结果是 
    103,所以执行的函数是距离调用函数较近的函数,而不是说哪个函数的参 
    数与调用函数传递的参数个数一致就调用哪个函数,


    六、对象和数组

    对象包含那些元素:属性(字段)、方法(函数)

    1、字面量方式创建方法 
    var box={//box是一个对象
    name:'linda',
    age:20
    };

    alert(box.name);//属性方式输出,
    alert(box['name']);//数组方式输出,必须加上引号,否则无法输出。


    2、构造函数方法创建对象并调用函数
    function objrun(){
    return "123";
    }

    var box = new Object();
    box.name='Linda';
    box.age=20;

    box.run=objrun();
    alert(box.run);//输出123

    box.run=objrun;
    alert(box.run());//输出123

    总结:对象=函数,所以调用和输出时必须有且只有一个括号否则就不能正 
    确输出

    3、字面量方法创建对象并调用函数

    var box={
    name:'linda',
    age:20,
    run:function(){//匿名函数
    return '123'; 
    }
    };

    alert(box.run()); //调用函数或者方法,如果没有圆括号会打印源代 
    码,如果有圆括号才会打印返回值

    alert(box.name);
    delete box.name;//删除属性,返回值是undefined
    alert(box.name);


    function box(obj){
    if(obj.name!=undefined)alert(obj.name);
    if(obj.age!=undefined)alert(obj.age);
    if(obj.love!=undefined)alert(obj.age);//这里没有love属性,所 
    以会返回undefined,所以返回之前先做一下判断较好
    }

    var obj={//对象封装属性,也叫做命名对象
    name:'Linda',
    age:20,
    address:'云南'
    };

    box(obj);//调用

    没有人能一路单纯到底,但是要记住,别忘了最初的自己!
  • 相关阅读:
    eclipse建立工作集管理项目
    echarts-x
    GeoJSON
    mysql 5.7 root password 过期
    kubernetes centos7
    JestClient
    树莓派镜像制作
    docker run elasticsearch
    vm.max_map_count
    远程访问jupyter notebook
  • 原文地址:https://www.cnblogs.com/LindaBlog/p/9290537.html
Copyright © 2020-2023  润新知