类型转换和运算符

 数据类型转换

隐式类型转换（面试题）：系统自动转换数据类型的过程

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

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

* 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