JS基础速览-优快云博客

本文链接：https://blog.youkuaiyun.com/xiao_tommy/article/details/53183519

初学JS基础的时候记得笔记。只适合小白快速复习的时候使用

1. JavaScript 是一种脚本语言, JS对大小写敏感！！

2. JS可以放在<head> <body> 和外部
外部引入<script src="myscript.js">
3. JS输出的方式
window.alert() 弹出警告框
document.write()方法，被内容写到HTML文档中,
//向文档写入内容，如果在文档加载完之后执行，页面会被覆盖
innerHTML 写到HTML元素中
//通过document.getElementById().innerHTML = ''来修改
console.log() 写到浏览器的控制台中

4.JS语法
1.数据类型（5种）
数字(number) 字符串(string)
bool function
对象(object) null //undefined 和 null 差不多
判断数据类型使用 typeof "tommy"; ==> 返回string
对象类型（3种）
Array
Object
Date
不包含任何值得数据类型（2种）
null
undefined

2.变量即变量赋值
使用 var length = 13;
var length = 13 + 12;
var name = "zhangsan";
var hobby = ["lanqiu", "zuqiu"];
var person = {first:"zhang", last:"san"}; ==> 对象
对象由{属性名称：属性值 }声明
其实在JS中，对象和数组没有明显的区别！！

3.操作符
赋值运算符 + - * / =
条件运算符 == != > <
逻辑运算符 && || !
4.JS函数
function sum(a, b){
return a + b;
}
5.JS事件（JS DOM事件）
onchange HTML元素改变
onclick
onmouseover
onmouserout
onkeydowm 用户按下键盘
onload 页面加载完成
6.顺序选择循环
1.if (true) {};
2.switch(){
case 1:
break;
default:
...;
}

3.for循环
4.for/in 循环遍历对象的属性
/*实例
var person={fname:"John",lname:"Doe",age:25};
for (x in person)
{
txt=txt + person[x];
}
*/
5.while循环
6.do/while循环

7.break 跳出循环
8.continue 跳过循环的一个迭代

5.字符串常用方法（字符串通过 + 连接）
concat() 连接两个字符串
indexOf() 返回指定字符第一次出现的位置
lastIndexOf() 同上，返回最后一次出现
charAt() 返回指定位置的字符

match() 找到一个或多个正则的匹配
replace() 替换与正则相匹配
search() 检索与正则相匹配的

还有其他一些，需要的时候再看吧，也不多

6.数据类型转化
Number() 转化为数字
String() 转化为字符串和 toString() 效果一样
Boolean() 转化为布尔型

parseFloat("3.14") 解析字符串，返回一个浮点数
parseInt("3.14") 解析一个字符串，返回一个整数

7.正则表达式
/\d+/i i表示对大小写不敏感
g表是进行全局查询（不会查到第一个就挺尸）
m表示进行多行正则匹配
函数
var patt = new RegExp("\\w+"); //但是一般很少使用 new
var patt = /\w+/; 创建一个正则表达式，效果同上

/e/.exec("asbdh jsdufe d") 返回一个数组，存放匹配结果 e
/e/.test("asfdsxbe dhahjc") 返回true，表示字符串含有匹配的文本

8.JS 的 JSON
JSON是用于储存和传输数据的格式，通常用于服务端网页传递数据
全称是 JavaScriptObjectNotation,是一种轻量级的数据交换格式（和xml是差不多的）

JSON.parse() ==> 将一个JSON字符串转换成JavaScript对象
JSON.stringify() ==> 将JavaScript值转换成JSON字符串

9.
herf = "javascript:void(0)" 表示是一个死链接
href = "#" 是空连接，在页面很长的时候会用#来定位页面的具体信息，格式是 # + id
<a href="#pos">点击直接跳到指定位置</a>
 
直接跳到了这里

10.函数的调用（第一个参数必须是对象本身（不懂！））
call() ==>myFunction.call(myObject,10, 2)
myArray = [10, 2];
apply()==>myFunction.apply(myObject,myArray); 第二个参数必须是数组

11.函数的自我调用和闭包
函数的闭包：
在JS中，所有函数都可以访问他们上一层的作用域（这是什么鬼？天然的继承关系？- -!!!）
所以，JS支持嵌套函数。做计数器是，为了避免外界的干扰，只让自己的嵌套函数可以读取 content

函数的自我调用：
在方法加()后再加(),表示函数自己调用自己

该函数实现了计数的功能
var add = (
function(){
var count = 0;
return function(){ //内嵌函数，可以访问上一层的函数变量
return count += 1;
}
}
)();