JS 基础学习笔记

视频链接:https://www.bilibili.com/video/BV1Sy4y1C7ha?p=23

查漏补缺

数据类型

在这里插入图片描述
在这里插入图片描述

Number

在这里插入图片描述
在这里插入图片描述

Undefined和Null

在这里插入图片描述

typeof

var a=null;
typeof a // object

相互转换

=>字符串

在这里插入图片描述
最后一种称为 隐式转换(最常用)

=>数字

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

=>布尔

在这里插入图片描述

数组

创建
1.数组字面量
var arr=[];

2. new Array()
var arr=new Array();

/*
new Array();
new Array(size);
new Array(element0, element1, ..., elementn);
*/

API

API:https://www.w3school.com.cn/jsref/jsref_obj_array.asp
concat()	连接两个或更多的数组,并返回结果。
join()	把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop()	删除并返回数组的最后一个元素
push()	向数组的末尾添加一个或更多元素,并返回新的长度。
reverse()	颠倒数组中元素的顺序。
shift()	删除并返回数组的第一个元素
slice()	从某个已有的数组返回选定的元素
sort()	对数组的元素进行排序
splice()	删除元素,并向数组添加新元素。
toSource()	返回该对象的源代码。
toString()	把数组转换为字符串,并返回结果。
toLocaleString()	把数组转换为本地数组,并返回结果。
unshift()	向数组的开头添加一个或更多元素,并返回新的长度。
valueOf()	返回数组对象的原始值

详细API:https://www.cnblogs.com/goforxiaobo/p/12623589.html

=> 字符串

1.数组中 toString()方法能够把每个元素转换为字符串,然后以逗号连接输出显示。

var a = [1,2,3,4,5,6,7,8,9,0];  //定义数组
var s = a.toString();  //把数组转换为字符串
console.log(s);  //返回字符串“1,2,3,4,5,6,7,8,9,0”
console.log(typeof s);  //返回字符串string,说明是字符串类型

2.join() 方法可以把数组转换为字符串,不过它可以指定分隔符。在调用 join() 方法时,可以传递一个参数作为分隔符来连接每个元素。如果省略参数,默认使用逗号作为分隔符,这时与 toString() 方法转换操作效果相同。

var a = [1,2,3,4,5];  //定义数组
var s = a.join();  //指定分隔符 var s = a.join(",");
console.log(s);  //返回字符串“1,2,3,4,5”

函数

声明

// 利用函数关键字自定义函数(命名函数)
function fn1(参数){
    
    

}

f1(参数)

// 函数表达式(匿名函数)
// fn2 是变量名 不是函数名
//  这种声明方式就喝声明变量差不多,只不过变量里面存的是值,而这里存的是函数
var fn2 = function (参数){
    
    

}

fn2(参数)

Arguments

在这里插入图片描述

作用域链

在这里插入图片描述
在这里插入图片描述

预解析(变量提升)

在这里插入图片描述
在这里插入图片描述

文字笔记

DOM

Event对象

https://www.w3school.com.cn/jsref/dom_obj_event.asp

currentTarget:currentTarget 事件属性返回其监听器触发事件的节点,即当前处理该事件的元素、文档或窗口。

通俗一点说,就是你的点击事件绑定在哪一个元素上,currentTarget获取到的就是哪一个元素。(函数内的this也指向这个元素)

再来看看第五个属性:

target:target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。

通俗一点说,就是你当前点击的是哪一个元素,target获取到的就是哪一个元素。

猜你喜欢

转载自blog.csdn.net/Jruo911/article/details/118075516
今日推荐