JS基础整理

Posted 2020-11-02 wyu1258

使用JS的三种方式

 

　　　　1、直接在html标签中，使用事件属性，调用js代码

　　　　<button onclick="alert(‘弹框‘)">弹框！</button>

　　

　　　　2、在页面的任意位置，使用script标签，插入js代码

　　　　<script type="text/javascript">
　　　　//js代码
　　　　</script>

　　

　　3、引入外部js文件

　　　　<script src="new_file.js" type="text/javascript"></script>

　　

　　　　【注意事项】
　　　　①js代码可以放在代码的任何位置使用，但是放置的位置不同，将影响js执行的顺序
　　　　②引入外部js的script标签中，不再包含任何的js代码

js中的变量

　　1、变量的声明：

　　　　var num=1；//使用var声明的变量属于局部变量，只在当前作用域有效
　　　　num="谔谔企鹅"//不用var声明的变量，默认是全局变量，在这个js文件可用
　　　　var a=1,b,c=3;//使用一行代码，声明多个语句 其中b为undefined

　　【js中变量声明的注意事项】
　　　　①js中声明变量关键字只有var一个，变量的类型取决于所赋的值
　　　　如果声明后未赋值，则为undefined类型

　　　　②js中同一个变量，可以在多次赋值中，被修改数据类型

　　　　③变量可以使用var声明，也可以直接赋值声明。
　　　　区别：使用var声明的作用域为局部变量

　　　　④在js中，一个变量可以多次使用var声明，声明相当于赋值。

　　　　⑤js变量名 区分大小写

　　2、js中的数据类型：

 

　　　　undefined：使用var声明，但是没有赋值
　　　　null： 表示空的引用
　　　　Boolean：真假
　　　　number：数值类型，包括整型和浮点型
　　　　string：字符串
　　　　object：对象

　　3、常用数值函数

　　　　①isNaN：用于检测一个变量是不是非数值（not a namber）
　　　　isNaN在检测时，会先调用number函数，尝试将变量转为数值类型，如果最终结果能够转为数值，则不是NaN

　　　　②Namber函数：将各种数据类型转为数值类型
　　　　undefined 无法转换，返回NaN
　　　　null 转为 0
　　　　Boolean true 1 false 0
　　　　字符串 如果是纯数值字符串，可以转换 “123” -->123
　　　　如果有 数字 字母 无法转换
　　　　如果是空字符串 转为0

　　　　③parseInt()：将字符串转为数值类型
　　　　字符串如果是空字符串 不能转 返回NaN
　　　　如果是纯数值类型可以转换，且小数点直接舍去 “123.8”-->123
　　　　如果字符串包含非数值字符，则将非数值字符前面的整数进行转换 “1a1”-->1

　　　　④parefloat：转换机制与pareint（）相同
　　　　不同的是：转小数，有小数点 123.4-->123.4
　　　　”123“-->123

　　　　⑤typeof：检测一个变量的数据类型
　　　　字符串返回的是string 数值 返回的是number true返回Boolean 未定义返回undefined 对象/null返回object 函数 返回function

JS中常用的输入输出语句

 

　　　　1、alert（）：弹窗输出

　　　　2、prompt：弹窗输入 接收两部分参数：①输入提示内容，②输入框的默认内容，两部分都可以省略。

　　　　输入的内容默认都是字符串。

　　　　3、document.write ： 在浏览器内容打印

　　　　4、console.log： 浏览器控制台打印

JS中函数的声明与调用

 

　　　　1、函数声明的格式 　　　　

　　　

　function 函数名（参数1，参数2）{
　　　　//函数体代码
　　　　 return 返回值；
　　　　 }

　　　　 函数调用：
 　　　　①直接调用，函数名（多个参数）；
　　　　 ②通过事件调用，

 <button onclick="func(prompt(),‘444‘))">点你呀</button>

　　　　 2、函数声明与调用的注意事项： 

　　　　①函数中有没有返回值，只取决于函数中有没有return。无需声明
　　　　 没有返回值，接收为undefined
　　　　 ②js中，函数的形参列表与实参列表，没有任何关联
 　　　　函数参数实际个数，取决于实参列表
　　　　 3、js中，函数是变量的唯一作用域： （其他地方声明变量都为全局变量）
　　　　 函数的形参是属于函数的局部变量

 　　　　4、函数的声明与调用语句没有先后之分，可以先调用后声明

 　　　　【代码的执行顺序】
　　　　 js代码执行分为两个阶段，检查编译阶段，代码执行阶段
 　　　　检查编译阶段：检查语法错误，变量的声明 函数的声明
 　　　　代码执行阶段，变量的赋值，函数的调用执行
 　　　

   　func();
 　　var func=function(){
　　　　alert(99);
　　　}
    

　　　　先执行var func
　　　　再执行func();
　　　　func=function(){
　　　　　　alert(99);
　　　　　}
　　　　所以函数的调用 要放在 声明后
　　　　function func(){
　　　　　　alert(1);
　　　　}
　　　　　　func();

匿名函数的声明与使用

 

　　　　 1、匿名函数表达式：
　　　　 

var func=function(){}

　　　
 　　　　2、直接将匿名函数，赋值给一个事件
 

window.onload=function(){}//文档就绪函数，确保函数中的代码在html加载完 之后执行
window.onload=function(){
　　document.getElementById("div").onclick=function(){}
　}

　

　　　　 3、自执行函数
　　　　 ①!function(){}()：开头用！ 表示自执行语句 
　　　　 ②（function(){}()）：用（）将匿名函数声明与调用包裹在一起
　　　　 ③（function(){}）()：用（）将匿名函数声明包裹