JavaScrit学习笔记
1.什么是JavaScript
JavaScript是一门世界上最流行的脚本语言。
2.快速入门
2.1引入JavaScript
1.内部标签使用
<script>
js代码
</script>
2.外部引入
<script src="path"></script>
path:Js文件所在的目录
2.2基本语法
1.定义变量 变量类型 变量名 = 变量值；
var num = 1;
PS:JavaScript严格区分大小写！
2.条件控制
if(flag){
}else if(flag){
}else{
}
flag:条件语言，结果是一个布尔值。
3.console.log(变量) -->在浏览器的控制台打印变量。 -->常用
2.3数据类型
数字类型：js不区分小数和整数，数字类型统一为 Number类型 特殊：NaN类型 not a number
字符串 ： "abc" 、'abc'；
布尔值 ： true ,false;
逻辑运算： &&(两个都为真，结果为真) ||(一个为真，结果为真) !(真即假，假即真)
比较运算符： = (赋值运算符) == （等于，类型不一样，值一样，也会判断为true） ===(绝对等于，类型一样，值一样，结果才为true)
PS:
NaN === NaN ,NaN与所有的数值都不相等，包括自己，只能通过isNaN(NaN)来判断这个数是否是NaN。
尽量避免使用浮点数进行运算，会存在精度问题。
null : 空
undefined: 未定义
数组：var arr=[1,2,3,'hello',null,true]; 取数据下标就会undefiend;
对象： var person={
name :'ccl',
age : 18,
tags :['js','java','大数据']
}
PS:每个属性使用,分割，最后一个不需要
取值：使用persion.name来取值
3.严格检查模式
'use strict':严格检查模式，预防JavaScript的随意性导致产生的一些问题且必须写在第一行。
局部变量建议使用let去定义。
4.字符串类型详细介绍 --重要
1.正常字符串我们使用单引号或者双引号包裹
2.注意转义字符 \
3.字符串长度
var str = "123456";
console.log(str.length);
4.字符串是不可变的。
5.字符串的截取 str.substring(1,3);
5.数组详细介绍 --重要
Array可以包涵任意的数据类型 -->其长度是可以改变的。
1.长度
var arr = [1,2,3,4];
arr.length;
2.indexOf ，通过元素获得 下标索引
3.slice() 截取array的一部分，返回一个新的数组，类似于string的subString
4.push() -->压入到数组的尾部 可以同时压入很多的值。
5.pop() -->弹出尾部的一个元素，且只能弹出一个元素,所以可以不用传入参数。
6.unshift() -->压入到数组的头部 可以同时压入很多的值。
7.shift() -->弹出头部的一个元素，且只能弹出一个元素,所以可以不用传入参数。
8.对array排序使用sort()方法;
9.对array使用reverse()方法进行元素反转;
10.concat() ：链接数组 并没有修改数组，只是会返回一个新的数组
11.连接符join
var arr = [1,2,3];
6.对象类型详细介绍
1.在js中如何定义一个对象：
方式一：
var 对象名 = {
属性名 ：属性值，
属性名 ：属性值，
属性名 ：属性值，
属性名 ：属性值
}
方式二：
function Student（name,age,sex）{
this.name = name;
this.age = age;
this.sex = sex;
}
var xiaoming = new Student('xiaoming',3.'男');
JS中创建对象的几种方式：https://blog.csdn.net/Liu_Jun_Tao/article/details/81142448
2.对象赋值
对象.属性 = 值；
3.动态的删减对象的属性
delete 对象.属性；
7.流程控制
if -->同java
while -->同java
for -->同java
8.函数介绍
8.1定义函数
定义方式一：
function 方法名([参数]){
逻辑....
[return 返回值]；
}
一旦执行到return代表函数结束，返回结果。
定义方式二：
var 函数名 = function([参数]){
逻辑....
[return 返回值]；
}
8.2调入函数
函数名([参数]);
JavaScript可以传递任意个参数，也可以不传参数。
可以手动抛出异常，使用throw来抛出。
arguments是一个JS免费赠送的关键字，代表传递进来的所有参数，是一个数组,利用arguments可以获取到所有的参数。
9.变量的作用域、let、const详细介绍
在javaScript中，var定义的变量实际是有作用域的。
假设在函数体中声明的变量，则在函数体外是不可以使用的。
如果两个函数使用了相同的变量名，只要在函数内部，就不互相干扰。
内部函数可以访问外部函数的成员，反之不行。
全局对象window ，默认所有的全局变量，都会自动绑定在window对象下。
let: -->es6 let关键字，解决局部作用域冲突问题。
const: -->ES6引入了常量关键字const。
10.方法的定义和调用
1.方法的定义 -->方法就是把函数放在对象里面。
方式一：
var person ={
age : 18,
size : function(){
}
}
方式二：
function getSize([parm]){
//函数内容
[return value]
}
//定义对象
var person = {
name : 'ccl',
size : getSize([parm])
}
2.方法的调用
persion.age; //属性的调用
person.size()；//调用的时候一定要带上();
11.内置对象之日期对象
1.var date = new Date(); //定义一个日期对象
date.getTime(); //获取时间戳
12.内置对象之JSON对象
1.json是什么
1.JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。
2.简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。
3.易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。
2.Json的格式
对象都用{}
数组都用[]
所有的键值对都使用key : value
对象转为json -- >关键方法是 JSON.(对象)；
json转为对象 -->关键方法是 JSON.(json字符串)；
13.操作BOM对象
1.什么是BOM对象
BOM ：浏览器对象模型
2.BOM对象之window对象
window代表浏览器窗口，也是js中的全局变量。
3.BOM对象之location对象
location代表当前页面的URL信息，里面比较重要的属性和方法见下：
host: "www.baidu.com" -->主机信息
href: "https://www.baidu.com/" -->url地址
protocol : "https:" -->协议
reload : f reload() //刷新网页
location.assign('https://www.cnblogs.com/gcdlj') 跳转网页
4.BOM对象之history对象
history代表浏览器历史记录
重要的两个方法：
history.back() -->后退
history.forward() -->前进
14.DOM对象
1.什么是DOM对象
DOM：文档对象模型
浏览器网页就是一个DOM树形结构
2.获取DOM节点
//通过标签来获取DOM节点
//通过id选择器来获取DOM节点
//通过class选择器来获取DOM节点
node节点.childern; //获取这个节点下的所有子节点。
node节点.firstChild; //获取这个节点下的第一个子节点
node节点.lastChild; //获取这个节点下的最后一个子节点
3.更新节点
node节点.innerText = '123'; 修改这个节点文本的值。
node节点.innerHTML ='<strong>123</strong>';可以解析HTML文本标签
node节点.style.属性 = 值； 可以修改node节点的样式。
4.删除节点
删除节点的步骤：先获取父节点，在通过父节点删除自己。
node节点.removeChild(子节点) ,通过父类来删除子节点。
5.插入节点
追加节点：node节点.appendChild(节点) ；把子节点追加到node节点中去。
浙公网安备 33010602011771号