• if结构 ,循环结构,数据类型转换,逻辑运算符;三个弹出窗口;计算后样式获取,修改;函数


    数据类型转换

    a=3a.14

    // js中不区分整形和浮点型, 结果为什么就是什么

    转字符串

    String(a) 3.14.toString()   整数的话..String   ''+3.14

    转布尔

    Boolean(a)为true

    a='3a.14'

    Number(a)强转的话NAN  NumberInt(a)3   NumberFoat(a)由于a的存在也是3   +a  

    转布尔 Boolean(a)为true

    a=true

    +a 为1   ‘’+a为‘true’

    可以用isnan判断是否是  不能用等于号

    / 0 | "" | null | undefined | NaN => false, 其他都会转化为true

    逻辑运算符

    短路效果

    &&  与 

     条件 &&条件  如果前面为true后面执行,flase 后面条件不执行 

    ||

     条件 || 条件  如果前面为true后面不执行,flase 后面条件执行

    // 5.三目运算符:结果 = 条件表达式 ? 结果1 : 结果2;

    var xx = 10;

    var yy = '10'

    条件满足, 执行:前的结果1, 否则执行:后的结果2

    var res = xx == yy ? "xx与yy的值相等" : "xx与yy的值不相等";

    console.log(res)

    %取余

    /   ++自增    ++在前先自增;在后先赋值

     三种弹出框
    // alert(123); // 普通弹出框
    // var res = prompt("请输入:"); // 输入框, 得到输入的字符串内容
    // var res = confirm("请选择"); // 确认框, 得到true | false

    if (条件){}

    1.for: 解决已知循环次数的
    // 2.while: 可以解决所有for循环可以解决的问题,也可以解决不知道循环次数但知道结束条件
    // 3.do...while: 无论条件是否满足,循环体都会被执行一次

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

    do{}while()

    while(){}

    函数

    结合事件一起使用

    function   uy()

    参数可以与设置数目不符合

    可设置默认参数值, 传入会更改

    返回值只能一个


    // 匿名函数 自定义
    (function () { // 产生具备名称空间(局部作用域), 并且可以随着匿名函数调用完毕, 被回收
    var aaa = 1000;
    console.log("匿名函数的自调用")
    })()




    // 2.函数的调用
    // var res = 函数名(实参列表);

    // 3.函数的参数
    // i.个数不需要统一
    // ii.可以任意位置具有默认值
    // iii.通过...语法接收多个值

    // 4.返回值讲解
    // i.可以空return操作,用来结束函数
    // ii.返回值可以为任意js类型数据
    // iii.函数最多只能拥有一个返回值

    // js函数的重点: 如何给事件提供功能
    // 注: 匿名函数


    // 函数定义与调用(调用可以写在定义前)

    // 可读可写
    var bgColor = box.style.backgroundColor;
    console.log(bgColor);
    box.style.backgroundColor = "pink";

    // 只读
    var ftColor = getComputedStyle(box, null).color;
    console.log(ftColor);
    // getComputedStyle(box, null).color = 'rgb(0, 0, 255)';
  • 相关阅读:
    vue中Axios的封装和API接口的管理
    如何配置Webpack/Vue-CLI实现前端跨域(附跨域大全)
    前端面试几个重要知识点
    js常用函数
    JS中的枚举和不可枚举
    可配置性属性和不可配置性属性
    Object.create()和深拷贝
    JavaScript 中 call()、apply()、bind() 的用法
    从深入到通俗:Object.prototype.toString.call()
    js原生实现三级联动下拉菜单
  • 原文地址:https://www.cnblogs.com/wrqysrt/p/10310912.html
Copyright © 2020-2023  润新知