JavaScript学习笔记

网页优化与JS基础

最新推荐文章于 2025-05-28 08:00:00 发布

原创最新推荐文章于 2025-05-28 08:00:00 发布 · 258 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了提高网页加载速度的方法，包括调整JavaScript的位置及使用异步加载，并详细解释了JavaScript中的标识符规则、数据类型、相等操作符以及Array和Function类型的相关操作。

一.加快页面加载
1.把JavaScript放在<body>元素里面内容的后面。
2.使用延迟脚本 <script defer src=""></script>
3.使用异步脚本 <script async src=""></script>
区别：async在window的load事件触发(页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了时)之前执行。
defer 在document的DOMContentLoaded事件触发(仅当DOM加载完成，不包括样式表，图片，flash)之前执行。
asynic 下载完后立即执行，所以多个使有asynic的脚本执行顺序会打乱。defer在遇到</html>标签后再按顺序执行。
二.标识符
1.名子的别称，变量名、函数名、参数名、属性名、对象名。
2.第一个字符必须是一个字母、下划线(_)、或美元符号($);
3.其它字符可以是字母、下划线、美元符号、数字。
4.字母可以包含扩展的ASCLL或Unicode字母字符(如汉字等)
三.数据类型
1.简单数据类型(也称为基本数据类型)：Undifined、Null、Boolean、Number、String。
2.复杂数据类型：Object。
3.typeof 操作符返回值
"undifined"、"boolean"、"string"、"number"、"object"、"function"
四.相等操作符
1.相等和不等(==、!=)————先转换再比较
1.布尔类型转数字true转换为1，false转换为0；
2.字符类型转数字；
3.如果两个操作数指向同一个对象则相等，否则不相等；
4.null和undifined相等；null==undifined true
5.只要有一个操作数是NaN相等返回false，不等返回true；
2.全等和不全等(===、!==)————仅比较不转换 null===undifined false

五.Array类型
1.创建Array类型的两种该去：
1 var colors=new Array();//new Array(5)、new Array("red","blue","green")
2 var colors=[];//["red","blue","green"]
2.colors.toString();//red,blue,green
3.colors.unshift("yellow");//在数最前面插入一项，返回插入后数组长度
4.colors.push("yellow");//数组最近推入一项
5.colors.pop();//返回最后一项，同时在数组中移除该项
6.colors.shift();//返回第一项，同时在数组中移除该项
7.colors.concat("aaa");//"red","blue","green","aaa"
8.colors.concat("aaa",["bbb","ccc"]);//返回追加后的新数组，原数组不受影响
9.colors.slice(start,[length]);// 返回新部分数组，原数组不受影响
A.colors.splice(0,2);//删除前两项
B.colors.splice(2,0,"yello","red");//位置2开始插入”yello"和"red"
C.colors.splice(2,1,"yello","red");//删除位置2的1项，从2位置插入”yello"和"red"
D.evary(fuction[,scope]):对数组中每一项给定函数，运行该函数的作用域对像(this值)，每一项返回true则返回true;
E.some(fuction[,scope]):任一项返回true则返回true；
F.filter(fuction[,scope]):返回该函数为true的项；
G.forEach(fuction[,scope]):对数组每一项运行给定函数，没有返回值；
H.map(fuction[,scope]):对数组每一项运行给定函数，返回每次函数调用的结果组成的的数组；
I.reduce(function(prev,cur,index,array){});//归并方法；

六.Function
1.arguments的主要用途是保存参数，arguemnts.callee属性是一个指针，指向拥有这个arguments对象的函数。
2.functionName.caller保存着调用当前函数的函数引用function a(){alert(a.caller);} (arguments.callee.caller)