JavaScript学习笔记-1

（1）在标签的属性中（属于结构与行为耦合，不推荐使用）

<button onclick=" alert('在这里'); ">点我看看</button>
<a href=" javascript: alert('在这里'); ">点我看看</a>

（2）在script标签中（在<head>或<body>中）

<script>
    alert("我在这里");
</script>

（3）外部js文件

// html文件中引入js文件 
<script type="text/javascript" src="./test.js"></script>

（1）String：用单引号或者双引号均可，但不可以嵌套使用，如 var a = "today";

（2）Number：超过最大/最小值时返回 Infinity 或 NaN（Not a Number）。若 a = Infinity 或 NaN ，a均为Number类型。整数运算基本可以保证精确，浮点数可能不精确

（3）Boolean

（4）Null：var a = null; 定义空对象，typeof返回Object

（5）undefined：var a; 或 var a = undefined; 为未赋值返回undefined

（6）Object

PS：typeof 返回检查类型（ console.log(typeof(a)) ）

string转换
- String(a);　　// Number 和Boolean 使用String() 相当于调用toString方法，而 null 和 undefined 是直接转换成字符串“null”和“undefined”
- a.toString();　　// null 和 undefined 没有toString方法，会报错
number转换
- Number(a);
  - 字符串 => 数字 ①"123" => 123 ②非数字（如 "123px"）=> NaN ③空串或空格串 => 0
  - Null => 数字　为 0
  - Undefined => 数字　为 NaN
- parseInt();
  - 将字符串转为整数，"123.3px" =>123，"b12p" => NaN。parseInt( a, 8 ) 中第二位8表示八进制
- parseFloat();
  - 将字符串转为浮点数，"123.3px" => 123.3
Boolean转换
- 数字除了 0 和 NaN，其余均为true（包括Infinity也为true ）
- 字符串除了空格其余均为true
- null 和 undefined 均为false
- 对象类型也为true
PS：parseInt 和 parseFloat 对非String类型使用会先转为String类型再进行转化，即 null => NaN

+（加）、-（减）、*（乘）、/（除）、%（取余）
+：
- 非数字转为数字，false+true = 0+1 = 1
- 任何值和字符串相加，均转为字符串，再做拼串处理
- 任意的数据类型 +“”，均转为String类型
除了加法转字符串，其余运算符字符串均转Number
可以通过一个值 -0，*1，%1，/1转换为Number类型，原理同Number()，使用更加方便

运算时先转为布尔值，再运算，并返回原值
&&
- true + true = true，返回后面的值，如 a = 5 && 6; a=6
- false + false = false，返回前面的值，如 a = NaN && 0; a=NaN;
- true + 其他，必然返回第二个值
- false + 其他，必然返回第一个值
||
- 如果第一个值为true，必然返回第一个值
- 如果第一个值为false，必然返回第二个值

posted on 2021-07-01 16:47 西柚柚柚子阅读(67) 评论(0) 收藏举报