11月2日 js基本用法

01 js基本用法.HTML: // 写在HTML文件里的
1. //第一种用法 正常写
<div class="div" onclick="alert(0)">点击一下</div>
2.//第二种用法 在script中写
<script>
window.onload=function(){
var div=document.querySelector(".div");
div.onclick=function(){
alert(1);
}
}
</script> -->
3.第三种用法 引入外部文件 ./ 引入 方法 常用方法
<script src="./01 js.js"></script>
被引入的js文件:
window.onload=function(){
var div=document.querySelector(".div");
div.onclick=function(){
alert(1);
}
}
4.第四种用法 超链接
<a href="javascript:void(0)">空连接</a>

02 基本用法.js: // 写在js文件里的
1.基本类型：
Number 数值 整数和小数
String 字符串（字符） '' ""
bool true/false
null 没有
undefined 未定义的
symbol es6
实例：
1.var a=null;
console.log(typeof a);

object: 正则表达式对象，数组对象 字面量（json对象）
function：定义函数的关键字

json xml 做数据传输
JSON.stringify()序列化
JSON.parse()反序列化
实例1：
var stu = {
id:10001,
name:"张三"
}
console.log(stu.id);
实例2：
var stu=JSON.parse('{"id":"10001","name":"张三"}')
console.log(stu.id);

没有块级作用域
实例1：
var a=10;
{
a=20;
}
console.log(a); //输出是20
实例2：
var a=10;
{
console.log(a);
a=20;
}//输出是10

运算符：
+ - * / 只有+号可以做运算符也可以做拼接字符串符
% 取余 在计算机js运算中没有取余

在JS基础上 两数相除都是整数0
var a=1/"3";
console.log(a)

计算机存储转换问题 小数转换成整数 先乘以10在除以10
// var a=0.1+0.2;
var a=(0.1*10+0.2*10)/10;
console.log(a)

= == === 布尔值bool
= 赋值 == 比较相等 === 比较值和类型相等
console.log(a=2);
console.log(a=="2");
console.log(a==="2"); //类型相同 值相同
console.log(a===3); //类型相同 值不相同
console.log(a===2);

parseInt 取整 81.5 81
parseFloat
isNaN Not a Number
实例：
var a=parseInt("86.5");
console.log(a)
var a=parseInt("86a.99"); // 只转换能转换的数值
console.log(a)
var a=parseInt("8a6.99");
console.log(a)

支持四舍五入的 在数字后加0.5
var a=parseInt(86.99+0.5);
console.log(a)

函数
有参数有返回值
function sum(a,b){
return a+b;
}
var a=sum(3,4);
console.log(a)

arguments 参数数组 有下标 可以当数组用 但是个伪数组 ... 取余
function sum(){
console.log(arguments)
console.log(a)
return 1;
}
var a=sum(3,4,5,8,9);
console.log(a)

数组
var arr=[];
var arr=new Array(2); //函数数组
arr[0]=0;
arr[1]=1;
console.log(arr)

var arr=new Array();// Array() 在JS中没有规定长度限制
arr[0]=0;
arr[1]=1;
arr[2]=2;
console.log(arr)

var 没有限制的类型 数组里面可以放任何类型
var arr=[1,"2",3]
console.log(arr)

arr.shift() 头部删除 有参数
var arr=[1,2,3,4,5];
arr.shift(); // 不需要赋值
console.log(arr);

arr.unshift() 头部添加 有参数
var arr=[1,2,3,4,5];
arr.unshift(); // 需要赋值 赋值什么添加什么(数字)
console.log(arr);

arr.push() 尾部追加 有参数
var arr=[1,2,3,4,5];
arr.push(2); // 需要赋值 赋值什么追加什么(数字)
console.log(arr);

arr.pop() 尾部删除 有参数
var arr=[1,2,3,4,5];
var res=arr.pop(2); // 从后往前根据下标删除
console.log(arr,res);

arr.splice(开始位置下标,删除个数,...添加的数据(后面的所有参数));
var arr=[1,2,3,4,5];
arr.splice(2,1,8);
console.log(arr);