尚硅⾕JavaScript学习笔记⽂章⽬录
变量
注意：只能通过var进⾏定义，然后js⾃动判断变量类型
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--    引⼊和⾃定义只能⽤⼀个，不能像css似的进⾏逻辑覆盖-->
<script type="text/javascript"src="javascript.js">
/
/ alert：警告 alter：改变
alert("hello javascript!")
</script>
<script type="text/javascript">
// alert：警告 alter：改变
alert("hello javascript!")
</script>
<script type="text/javascript">
var item;
alert(item);
item =666;
/
/ typeof 可以得到变量类型
alert(typeof(666));
item ="888";
alert(typeof(item));
var item1 =666;
alert(item * item1)//因为相乘结果不是数值所以是NAN
</script>
</head>
<body>
</body>
</html>
关系运算
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
var a =66
var b ="66"
alert(a == b)
alert(a === b)
</script>
</head>
<body>
</body>
</html>
逻辑运算
<title>Title</title>
<script type="text/javascript">
var a =0
var b=undefined
var c =""
var d =NULL
if(!a)
alert("0为假")
if(!b)
alert("undefined为假")
if(!c)
alert("“”为假")
if(!d)
alert("NULL为假")
</script>
</head>
<body>
</body>
</html>
将判断最终真假的操作进⾏到最后返回结果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
var a =666;
var b;
var c ="666";
var d ="";
alert(a && b);
alert(a && c);
alert(d || c);
alert(d || b);
alert("123")
</script>
</head>
<body>
</body>
</html>
数组
<title>Title</title>
<script type="text/javascript">
var num =[]
var item =["gcl",666,888]
alert(num.length)
alert(item.length)
num[0]=666
alert(num.length)//1
num[2]=888
// 巧妙之处，当给数组赋值的时候会⾃动做扩容操作
alert(num.length)//3
// 这⾥必须⽤num.length，否则使⽤⾃定义常数，会出现问题for(var i =0; i < num.length; i++)
alert(num[i])
</script>
</head>
<body>
</body>
</html>
函数
不允许重载，会覆盖成最后⼀个。
JS中函数不需要设置参数类型和返回值类型。
<title>Title</title>
<script type="text/javascript">
function click(){
alert("⽆参函数调⽤")
}
click();
/
/ 调⽤的时候不需要指定参数类型，因为var没必要声明类型，直接说明参数个数就⾏了function click1(a, b){
alert("有参函数被调⽤ a =>"+ a +" b =>"+ b)
}
click1(6,8)
function click2(){
return666;
}
num =click2()
alert("返回值函数的返回值为"+ num)
// 函数也可以进⾏赋值操作
item = click
item()
// 另类函数定义⽅式
var fun=function(){
alert("函数对变量赋值定义函数")
}
fun()
// ⽆参函数的隐藏参数个数
function arg(){
alert("⽆参函数的参数个数"+ arguments.length)
for(var i =0; i < arguments.length; i++)
alert("传递的参数是"+ arguments[i])
}
arg("66","88","99")
//当调⽤的时候，传参少于参数个数，则使⽤默认值
function click3(a, b=6){
alert("有参函数被调⽤ a =>"+ a +" b =>"+ b)
}
click3(6)
</script>
</head>
<body>
</body>
</html>
可变长参数 arguments的实际应⽤
计算任意个数的数值的和
<title>Title</title>
<script type="text/javascript">
function func(){
var sum =0;
for(var i =0; i < arguments.length; i++)
sum += arguments[i]
alert(sum)
}
func(666,888,999)
</script>
</head>
<body>
</body>
</html>
对象（属性声明即定义）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
// 对象的定义需要new，但是属性声明即定义
var item =new Object();
// 注意定义object对象时O要⼤写
item.name ="gcl"
item.sex ="男"
// 名字已经有了，只需要声明参数个数就⾏了        item.fuc=function(){
alert(this.name +"  "+this.sex)
}
item.fuc()
/
/ 花括号形式定义对象
var person={
name:"管超龙",
sex:"男",
age:20,
func:function(){
alert(this.name+" "+this.age+" "+this.sex) }
}
// 花括号定义的对象也可以做到声明即定义
person.num="666"
alert(person.num)
person.func()
</script>
</head>
<body>
</body>
</html>
事件
静态：编译的时候就已注册好事件input绑定onblur事件
动态：运⾏时动态注册事件
onload事件
静态

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。