JS（一）基本语法、数据类型与DOM树操作

2021-07-25 | 阅读：次

JS概念

JavaScript是世界上最好用的脚本语言，用于浏览器交互操作 ECMCScript是JavaScript的语言标准

快速入门

js引入

JS既有专门的.js文件，在html文件中使用script标签，添加src属性引入js文件，也可在html文件中直接使用，用script标签，script标签必须成对出现在这里插入图片描述

基本语法

变量 JS只有var类型变量语句于java类似 Element：元素（html框架） Console：命令控制台，如console.log(““/var)，控制台输出，相当于print Sources：源码 Network：抓包 Application：应用，查看缓存等
数据类型 Number：JS不区分小数和整数
比较运算符

NaN与任何数字都不相等，包含自身，只能用isNaN判断避免用浮点数计算比较，有精度损失

null和undefined 空和未定义
判断undefined：

var tmp = undefined;
    if (typeof(tmp) == "undefined"){
    alert("undefined");
    }

说明：typeof 返回的是字符串，有六种可能：”number”、”string”、”boolean”、”object”、”function”、”undefined”

判断null:

 var tmp = null;
    if (!tmp && typeof(tmp)!="undefined" && tmp!=0){
    alert("null");
    }

说明：即非零又非undefined

判断NaN:

    var tmp = 0/0;
    if(isNaN(tmp)){
    alert("NaN");
    }

说明：isNaN函数判断

判断undefined和null:

var tmp = undefined;
    if (tmp== undefined)
    {
    alert("null or undefined");
    }

    var tmp = undefined;
    if (tmp== null)
    {
    alert("null or undefined");
    }

说明：null==undefined

判断undefined、null与NaN:

 var tmp = null;
    if (!tmp)
    {
    alert("null or undefined or NaN");
    }

数组

JS不需要数组中元素类型统一在这里插入图片描述

取数组下标，如果越界，会提示undefined

对象数组是中括号，对象是大括号对象的定义： var 对象名{ 属性1：属性值，属性2：属性值，属性3：属性值} 属性值也可以是一个方法返回的结果例： var person = { age:22, height:170, weight:55, birth:function()={ var now = Data().getFullYear(); return now-this.age}

} 对象类似结构体，可有多个属性构成，每个属性用逗号隔开，最后一个不需要