js学习笔记-上

概述

1、js是一门编程语言，专门对html进行节点操作，让网页产生动态效果，也就是 html进行增删查改
2、包括三大块：
ecmascript核心语法
dom（文档对象模型，即对网页节点操作）
bom（浏览器对象模型，即对浏览器进行操作）
3、js是一种事件驱动型的语言，在发生某件事情的时候去执行某段代码，例如鼠 标单击事件、mouseover鼠标经过事件
ps：事件发生需要1、监听器（浏览器）2、事件源3、事件
4、js中任何一个事件都有事件句柄，如click句柄为onclick（去掉on就是事件）
5、所有的事件句柄都是以标签的属性形式存在

在html中嵌入js的三大方式以及js的注释

1、行间事件：
1）（这里都onclick就 是句柄的属性存在）（若鼠标单击之后就会执行里面的js代码，不会在浏览 器打开的时候执行）
2）window是js自带的一个对象（全部小写）里面有一个函数alert（‘输出内 容’）可以直接使用，用来弹出对话框。字符串可以使用单引号
2、页面script标签嵌入（即脚本块的方式）：
1）脚本块的位置随意，可以出现多个
（脚本块）
3、引入外部独立的js文件：
1）将脚本块里面加一个src=“文件路径”就引入了（css得用link href=“”才能引 入）
引入文件后，脚本块里面的js代码不会被执行
4、和java语法有点相似

标识符和关键字（规则和java相似）

1、 关键字：
var a，b，c=300；则a，b默认为undefined（是一个值，若不是默认则是一个 字符串）
不用指定变量类型，赋什么值就是什么变量类型（数据类型可变）

函数(网页中所有的函数都会最先声明)

1、格式例如：
function sum（a，b）{
return a+b;
}
或者例如：
sum=function(a,b){
return a+b;
}
（点击提交执行函数）

变量（就近原则）

1、全局变量：打开浏览器时候分配
2、局部变量：函数调用时候分配，函数结束就释放空间了
3、没有var关键字做声明，则那个变量是全局变量，但是必须要赋值

重载

js中的函数不能重载
只要出现同名函数，前面的函数就消失了

数据类型（为了理解js的底层原理es6）

1、Undefined、Number、String、Boolean、Null 基本数据类型
Object 引用数据类型，对象类型
es6之后出现了两个新的数据类型symbol、bigint
2、typeof运算符（非常重要）：typeof 变量名，运算结果为：
undefined
number（数字+NaN（=not a number）+infinity（无穷大））
string
boolean
object（null和object）
function（函数）
（全部小写）
typeof（null）是object
3、判断字符串相等用==

4、console.log() //输出到控制台
ps；当计算的时候（100/中）结果就为NaN（也就是js检测到运算符，但是+号在 有字符串的时候做字符串的拼接，没有字符串的时候才算求和）
ps：100/0=infinty（java报错，js中可以运算）

5、number类型中的函数：
1）、isNaN（）返回true表示不是一个数字，flase表示是一个数字
特点：会将数据先转换为数字，若成功就是false（是一个数字）失败就是true
如果数据是“123”也会被识别为数字返回flase，但是它依然是字符串
2）、Number（）将数据转换为数字类型，若转换失败（有汉字）则返回NaN
3）、parseInt（）数据转换为数字并且取整数位，不四舍五入
4）、math类：
math.ceil() （向上取整）
6、boolean类型中的函数
1）、boolean()将数据转换为boolean类型，没有数据为false，有数据为true
7、String类型（方法和属性通用）
1）a=“abc”，原始类型（string）
2）a=new String（“abc”），对象类型（object）
3）length属性：
‘abc’.length：字符串的长度
4）常用方法
‘abc’.charAt(i)(由0开始计算)：截取i位置上的字母
‘abc’.concat(‘def’):拼接字符串
‘abc’.indexOf（“=”）=符号第一次出现的索引（0开始计算）
‘abc’.lastIndexOf（）最后一次出现的索引
‘abc’.replace（“a”，“b”）将字符串第一个a替换成b
‘abc’.split（“-”）以-号拆分字符串，结果是数组，-号没有了
‘abc’.substr（2，length）从位置2截取length个字母（0开始算包括）
‘abc’.substring（2，3）截取位置2到位置3不包括3
‘abc’.toLowerCase（）转小写，toUpperCase（）转大写
8、object
1）js中默认的类型，没有说明的话就是objectlei
2）object中带有的函数
prototype属性（string也有）：给对象动态拓展属性和方法
例：object.prototype.doSome=function(){}（只能这样）
可以直接调用doSome（）（dosome就是object所拓展的方法）
例：object.prototype.user (user就是拓展的属性，可以直接调用)
9、null、NaN、undefined的区别
1）==表示值是否相等。===表示值和数据类型是否相等
2）NaN与任何值都不等同，但是null和undefined相等
3）null和undefined表示没有，NaN表示有，但不是数字