JavaScript学习--day01
1.语言特点
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。
2.应用领域
PC浏览器/PC软件/手机浏览器/手机app/微信小程序/微信公众号开发/硬件开发/服务器开发/AR/VR/深度学习/机器学习
3.js的使用
Script标签内容的执行,是按顺序执行,但是4.加载是按照异步进行加载。Script标签里面如果有代码出错,仅仅只会影响到这个script标签代码的执行。浏览器首先会解析HTML,解析到script标签时候,会用调用JS引擎执行script标签里的代码,会对代码预编译(一些语法纠正和变量提升处理),然后解释执行。
3.1 Script标签
<script type="text/javascript"> console.log("未成年人禁止进入1") console.log(a) </script>
3.2 Script标签将js文件进行引用
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
4.如何申明变量
js是弱类型语言,所以申明变量的时候,统一用var进行申明变量。如果没有申明,就会申明一个全局变量。
声明变量的方式
var b; var a,b,c; var name = "username"
全局变量:在最外层申明的变量以及在函数内部未用var申明变量,那么就是全局变量,所有的全局变量都会在window上
局部变量:在函数内部申明的变量就是局部变量
Js变量命名规范:必须用字母或者_或者$作为首字母,字母加_加$加数字构成变量名。
js类型:
数值类型:整数/浮点数/Infinity/-Infinity/NaN
字符串类型:”abc”,’123’
对象:{},new object()
布尔值:true和false
Undefined:有申明但是未赋值。
Null:这是赋值了就是空的内容。
5.函数
5.1函数的定义方式
【1】:function count(a){ return x }
【2】:var count = function(){}
5.2函数的参数
对函数调用时候,不会对参数做任何的检测。
arguments关键词:获取调用函数时候的所有参数
5.3函数的返回值
用return直接返回对象
注意:如果没有写返回值,那么函数默认会返回undefined
6.数组
JavaScript的数组是可变长,里面的内容也是可以随意的替换,没有类型的限制
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> //1、字面量的方式创建数组 var arr1 = ["蔡徐坤","郭敬明","范冰冰"] //2、new Array()创建数组 var arr2 = new Array("苹果",1,"香蕉",function(){console.log(123)}) console.log(arr1) console.log(arr2) //数组内容的获取 console.log(arr1[0]) console.log(arr1[1]) arr2[3]() //数组内容的设置 arr2[3] = 3 console.log(arr2) //通过循环输出列表内容 for(var i=0;i<arr1.length;i++){ console.log(arr1[i]) } //队列==》先进先出 //栈==》先进后出 </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> var duilie = ["范冰冰","李晨"] console.log(duilie) // duilie.push('蔡徐坤') // console.log(duilie) // duilie.push("郭敬明") // console.log(duilie) //push将内容添加到数组最后 duilie.shift(); console.log(duilie) duilie.unshift("姚明") console.log(duilie) duilie.pop() console.log(duilie) duilie.push("麦迪") duilie.push("科比") console.log(duilie.slice(0,2)) console.log(duilie) console.log(duilie.splice(0,2,"库里","杜兰特")) console.log(duilie) //去掉数组的第一个元素 /*duilie.shift() console.log(duilie)*/ //去掉数组的最后一个元素 /*duilie.pop() console.log(duilie)*/ //在数组的第一个元素前面插入数据 /*duilie.unshift("雷军") console.log(duilie)*/ //在duilie.slice(0,2),在数组从索引0开始切,切到索引2的位置,不包括2; /*console.log(duilie.slice(0,2)) console.log(duilie)*/ //splice可以增加或者是删除指定元素,duilie.splice(删除或者增加索引的位置,删除多少个元素,增加的内容(可选)) /*console.log(duilie.splice(0,2,"迪丽热巴","古力娜扎")) console.log(duilie)*/ //合并两个数组 duilie = duilie.concat(['葡萄','香蕉',"雪梨"]) //相当于for循环 // duilie.forEach(function(item){ // console.log(item) // }) </script> </body> </html>