类型转换和运算符

 数据类型转换

隐式类型转换(面试题):系统自动转换数据类型的过程

/ %(余数) 把字符串转成数字

强制类型转换:利用内置函数进行转换,系统写好的,调用即可转换数据类型

* String(要转换的数据):把其他的数据类型转成字符串,得到一个字符串
* Number(要转换的数据):把其他的数据类型转成数字类型,得到一个数字
* Boolean(要转换的数据):把其他的数据类型转成布尔值(了解)
* parseInt()  把字符串转成数字
* parseFloat() 把字符串转成数字,保留小数
  • +号的两边都是数字,那+就是数学运算相加;但是如果其中一边有字符串,+就是字符串拼接,得到一个新的字符串
  • 相减:系统发现不能直接相减,已经偷偷的帮你把字符串转成数字,再相减,这种不需要转换,系统自动转换的过程就是隐式类型转换

判断语句:选择

-  表达式无论多复杂,最终都是转成真和假
    * 真:非空字符串、非0数字、非空对象、表达式为结果真的、
    * 假:空字符串、数字0、null空对象、表达式为结果假的、undefined
  • 伪代码:
    • 需求:点击按钮add的时候,获取两个表单的值,进行运算,结果放到sum表单里面
      • 点击按钮:节点.onclick = function () {功能}
      • 获取和设置表单的值:节点.value = 22;
// window.onload = function () {
        //     //等整个文档都加载完才执行这里的代码,延迟代码的执行时间
        //     var btn = document.getElementById('btn');
        //     //绑定事件
        //     btn.onclick = function () {//Cannot set property 'onclick' of null 代表:onclick前面的节点找不到
        //         console.log(666);
        //     }
        // }

运算符:

算术运算符:

* + - * / %(求余)

比较运算符

* ==(等于), !=(不等于)
    * <(小于)、>(大于)、<=(小于等于)、>=(大于等于)
    * ===、恒等于/全等于,比较的时候要求值和类型都相等(不会进行类型隐式转换)
    * !==、不全等于

逻辑运算符:面试题

* 与 && 两边为真才真,如果左边为假,就不再运行右边
    * 或 || 两边为假才为假,如果左边为真,就不再运行右侧
    * 非 !  取反,做开关

一元运算符

赋值运算符

* =
    * +=
    * -=
    * *=
    * %=

三目运算符:

?:

运算符优先级:

* ()
    * ++ -- !
    * * / %
    * + -
    * < > <= >=
    * == != === !==
    * &&
    * ||
    * ?:
    * 赋值 = += -+
  • == 会进行隐式转换,===全等、恒等,不会进行隐式转换,面试题
  • +=用来做字符串拼接:渲染页面==生成节点插入到body
原文地址:https://www.cnblogs.com/muyun123/p/11939554.html