JS基础

解释型语言：一句一句执行，一旦遇到错误就会停止并报错
编译型语言：全部执行完后报错

一、 js的引入方式

行内引入和外部引入
注意：如果在脚本中有相对地址的出现，这个地址是相对于当前的HTML页面而说的，而link中的href加载外部的css文件中出现的相对地址是相对于当前css文件而言的

外部引入时的两个属性async和defer区别

不同：
async是在下载完成后立即被执行;defer是页面加载解析完成后按顺序执行,放在主JS文件中；
相同：
1.两者都可以实现异步操作；
2.在行内js中会失效
3.使用两者属性的脚本都不能document.write()的方法

二、 注释

单行ctrl+/ 多行shift+alt+a
注释作用：
1.不执行当前注释的内容 2.注释添加代码说明文字 3.暂时保留部分代码
注释的内容：
函数名、函数功能、函数修改时间、函数新添加的内容、函数的返回数据、数据类型、内容、函数具体内容

三、 变量

1.全局变量和window属性上定义的变量区别：
全局变量不能通过delete删除，而window属性上定义的变量可以通过delete删除，通过var定义的全局变量仍属于window属性上的变量
2.命名

• 是字符、数字、下划线、$组成，首字母不能是数字，区分大小写
• 变量命名遵守驼峰式命名，getStringName 首字母小写，每个单词首字母大写
• 当定义临时变量或者函数的参数时，变量使用下划线划线起投 _width
• 变量定义时不能使用关键词和保留词 var if=5;
• 变量名称起名时要注意不能与window对象下的属性或方法重名
• 常量命名时，全大写字母使用下划线区分单词

四、 数据类型

基本数据类型：Number、String、Boolean、Undefined、Null
引用数据类型：Object
// 字符型
var a1 = “a”; var a2 = ‘3’;
var a3 = “2”; //ES6
var a4 = “\u4e00”; //ES6双引号中可以放入urf-8的编码
//数字型
var a1 = 3.2e+2 //科学记数法320
var a2 = 045; //8进制 ES6中废弃
var a3 = 0xFF; //16进制
//未定义型
var a;
var a1 = undefined; console.log(a===a1); true

//张三准备买电视为undefined 买了但是砸了是null
//对象型 key->value 键值对
键只能是字符型或者Symbol型（ES6），如果键不是字符型则会自动转换成字符型 值可以是任意类型

数据类型转换

string转其它类型

**转number
var str = "a";//NaN 非数值
var str1 = "12";
var str2 = "23a";
var str3 = "aa";
var n = Number(str);//强制转换为数值型,字符串必须是纯数值，否则为NaN
console.log(n);

var m = parseInt(str,2);//整型，转换为整型十进制，第二个参数为2-36；
var x = parseFloat(str);//浮点型

**转boolean
var y = Bolean(str);//除了""空字符串以外其它转换成true

**转object

number转其它类型

**转string
var n = "2";
var m = String(n);//强制转换成字符串
var m = n.toString(2);//参数是转换进制，将数值按照进制转换成字符串 2-36，如果参数不是2-36的整数会报错，如果是小数，向下取整
var m = n.toFixed(2);//默认参数是0，允许参数为0-20 保留小数点后几位，保留会自动四舍五入

// var n=3.4e+2
// var n=3.4e-2
// var n=35;
 // 科学计数法
 // var m=n.toExponential();
 // var o=n.toPrecision();

**转boolean 除了0和NaN以外的任何数值转为布尔值都为true
**转object

Boolean转其它类型

**转string
// var a=true;
// var b=String(a);//"true"
// var b=a.toString(2);
// console.log(b);
**转number
// var  a=true;
// var b=Number(a);
// var b=parseInt(a,16);
// console.log(b);

undefined和null

console.log(Number(undefined));//NaN
console.log(Number(null));//0
console.log(String(undefined));//"undefined console.log(String(null));//"null"
console.log(Boolean(undefined));//false
console.log(Boolean(null));//false
console.log(Object(undefined));//空对象
console.log(Object(null));//空对象