<!-- 1、行内 行间，不建议使用，结构行为不分离，不方例复用 -->
<!-- onclick=""  点击 -->
<!-- alert('内容')  弹出框，弹出括号中的内容，如果不点确定，会一直卡住不向下执行 -->
<div style="width:100px;height:100px;background:red;" onclick="alert('我是平头哥')">我是来学前端的</div>

<!-- 2、内嵌，写在script标签之间 -->
<script>
    alert('我是小彭，我来学前端');
</script>

<!-- 3、外链，方便复用 -->
<script src="js/a.js"></script>

// 1、声明并赋值
// var 声明。将小花赋给name
var name = '小花';
alert(name);

// 2、先声明，再赋值
var age; // 声明
age = 10; // 赋值
console.log(age);

// 3、一次声明多个
var a = 10,
    b = 20,
    c = 30;
console.log(a, b, c);
// alert(a, b, c);

var name = '小李子';
var age = 8;
var sex = '男';
var from = '太空';
var job = '前端开发';
 
// console.log('我是xx，我今年xx岁，我是xx孩子，我来自于xx，我的职业是xx');
console.log('我是' + name + '，我今年' + age + '岁，我是' + sex + '孩子，我来自于' + from + '，我的职业是' + job);

// 弹出 不推荐
var name = '老李';
alert(name);
// 控制台打印 推荐
console.log(name);
// 页面输出  不推荐
document.write('<h1>你是' + name + '</h1>');

// 断点调试
//F12 sources

var a = 10;
var b = 20;
var c = a + b;
console.log(c);

// 正数 小数 负数都是数字
var a = 10;
var b = 0;
var c = -12.2;
console.log(a, typeof (a)); // 10 'number'
console.log(b, typeof (b)); // 0 'number'
console.log(c); // -12.2
console.log(typeof c); // 'number'

// 八进制基数范围 0~7，以 0 开头并且没有超过 8 的值，则为八进制
// 十六进制基数范围 0-9，A~F，0x 开头，则为十六进制
var d = 070;
console.log(d); // 56
 
var e = 0x10;
console.log(e); // 16

// 特殊数值
var f = 9 / 0;
console.log(f); // Infinity  无限大
console.log(typeof f); // 'number'
 
// 小数的舍入误差
var g = 0.1 + 0.2;
console.log(g); // 0.30000000000000004
console.log(0.07 * 100); // 7.000000000000001

// NaN
var h = '小王' - 5;
console.log(h); // NaN    not a number 不是一个数字，（你想得到一个数字，但是没有办法给你一个数字，就给你一个NaN）
console.log(typeof h); // 'number'
console.log(h + 5); // NaN    任何涉及NaN的数学运算，结果都是NaN
console.log(h == h); // false   NaN和谁都不相等，包括它自己
 
// NaN的特点
// 1、不是一个数字，但是数值类型
// 2、任何涉及NaN的数学运算，结果都是NaN
// 3、NaN和谁都不相等，包括它自己

// 字符串：单双引号引起来的就是字符串
// 建议都用单引号
var str1 = '我就是我，不一样的烟火';
var str2 = "小王";
var str3 = '   ';
console.log(str1, typeof str1); // 'string'
 
// 字符串长度    字符串.length
console.log(str1.length); // 11
console.log(str2.length); // 2
console.log(str3.length); // 3
 
// 下标：对字符串中的每个字符一个编号，编号从0开始
// 可以通过下标，获取对应下标的字符
// 字符串.charAt(下标)
// 字符串[下标]
console.log(str1.charAt(9)); // 烟
console.log(str1[9]); // 烟

var b1 = true;
console.log(b1);
console.log(typeof b1); // 'boolean'
 
var b2 = false;
console.log(b2);
// ------------------------------------
// 布尔一般用在事件判断里面
// if (布尔值) { }
var age = 7;
if (age >= 7) {
    console.log('上小学');
} else {
    console.log('上幼儿园');
}

// null  空，代表“空值”，代表一个空对象指针，使用 typeof 运算得到“object”，所以你可以认为它是一个特殊的对象值。
var a = null;
console.log(a); // null
console.log(typeof a); // 'object'
 
// undefined  未定义，声明了未赋值，值为undefined
var b;
console.log(b); // undefined
console.log(typeof b); // 'undefined'

var str1 = '11';
var n = Number(str1); // 转换为数字
console.log(n); // 11
console.log(typeof n); // number
console.log(str1);
console.log(Number('11万')); // NaN
console.log(Number('')); // 0
console.log(Number('  ')); // 0
console.log(Number('0000.345')); // 0.345
console.log(Number(10));
console.log(Number(true)); // 1
console.log(Number(false)); // 0
console.log(Number(null)); // 0
console.log(Number(undefined)); // NaN

console.log(parseInt('12.34万')); // 12
console.log(parseInt('12ab34')); // 12
console.log(parseInt('a12ab34')); // NaN
 
// 可以添加第二个参数，进制
console.log(parseInt('070', 10)); // 70
console.log(parseFloat('12.34万')); // 12.34
console.log(parseFloat('12.3.4万')); // 12.34
console.log(parseFloat('0000.12.3.4万')); // 0.12

// String(参数); 可以将任何数据类型转换为字符串
// 参数.toString();
 
// String(参数);
console.log(String(10)); // '10'
console.log(String(NaN)); // 'NaN'
console.log(String(1 / 0)); // 'Infinity'
console.log(String('小王')); // '小王'
console.log(String(true)); // 'true'
console.log(String(false)); // 'false'
console.log(String(null)); // 'null'
console.log(String(undefined)); // 'undefined'
 
// -----------------------------------
// 参数.toString();
// 同String，但是不能转换null和undefined
 
var n = null;
// console.log(n.toString()); // 报错
 
var m;
// console.log(m.toString()); // 报错

console.log(Boolean(10)); // true
console.log(Boolean(-10)); // true
console.log(Boolean(0)); // false
console.log(Boolean(NaN)); // false
console.log(Boolean('NaN')); // true
console.log(Boolean('')); // false
console.log(Boolean('   ')); // true
console.log(Boolean(true)); // true
console.log(Boolean(false)); // false
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false

var n = 3.1415926;
console.log(n.toFixed(2));
console.log((10).toFixed(3));

console.log(isNaN('10')); // false
console.log(isNaN('10px')); // true
console.log(isNaN('')); // false
console.log(isNaN('   ')); // false
console.log(isNaN(NaN)); // true
console.log(isNaN(0)); // false
console.log(isNaN(true)); // false
console.log(isNaN(false)); // false
console.log(isNaN(null)); // false
console.log(isNaN(undefined)); // true