标签:类型 cal 转换 调用 define lib result 大于 console
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。
应用:
PC浏览器/PC软件/手机浏览器/手机app/微信小程序/微信公众号开发/硬件开发/服务器开发/AR/VR/深度学习/机器学习
基础语法
JS面向对象
JS事件
JS处理文档对象-DOM对象
JS处理浏览器对象-BOM对象
JS跟后台进行交互-AJAX
JQuery
JAVA-SERVLET-JSP
方法一:
Script标签
<script type="text/javascript"> console.log("未成年人禁止进入1") console.log(a) </script>
方法二:
Script标签将js文件进行引用
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
Script标签内容的执行,是按顺序执行,但是Script的加载是按照异步进行加载。
同步:一个事情完成之后,才能做下一件事情,有等待就是同步。
异步:一个事情发起之后,下一个事情也可以立即发起,不需要等待前面一个事情完成之后才发起。
Script标签里面如果有代码出错,仅仅只会影响到这个script标签代码的执行。
运行原理:
浏览器首先会解析HTML,解析到script标签时候,会用调用JS引擎执行script标签里的代码,会对代码预编译(一些语法纠正和变量提升处理),等待script标签里的代码完成后再进行解释执行整个代码。
Js是弱类型语言,所以申明变量的时候,统一用var进行申明变量。如果没有申明,就会申明一个全局变量。
申明变量方式:
var b;
var a,b,c;
var name = "username"
未赋值的变量,会设置为undefined;
注意:js在预编译的时候,变量的声明会被提升到最上面。
全局变量:在最外层申明的变量以及在函数内部未用var申明变量,那么就是全局变量,所有的全局变量都会在window上
局部变量:在函数内部申明的变量就是局部变量
Js变量命名规范:
必须用字母或者_或者$作为首字母,字母加_加$加数字构成变量名。
Js数据类型:
数值类型:整数/浮点数/infinite/-infinite/nan
字符串类型:”abc”,’123’
对象:{},new object()
布尔值:true和false
Undefined:有申明但是未赋值。
Null:这是赋值了就是空的内容。
加 +
减 -
乘 *
除 /
求余 %
+=
-=
*=
/=
%=
++
--
和运算:&&
或运算:||
非:!
大于:>
大于等于:>=
小于:<
小于等于:<=
等于:==
备注:js在做比较的时候会进行转换,如果能够通过类型转换成一样的内容,就为真。
全等于:===
备注:不做任何的类型转换,直接比较
不等:!=
备注:这个在比较的时候会做类型转换,转换之后还是不能一样,才是不等
全不等!==
备注:不做任何类型转换
条件?”为真的时候执行”:”为假的时候执行”
三元运算符
var a = 3;
var b = 4
var c = a>b?"大于":"小于";
console.log(c)
IF
1 var age = 19 2 if(age>18){ 3 console.log("欢迎来到我们这个网站") 4 }else{ 5 console.log("对不起,你还未成年") 6 }
Switch
1 var userType = "穷鬼VIP" 2 3 switch(userType){ 4 case "vip": 5 console.log("随意看全场视频,还没有广告"); 6 break; 7 case "穷鬼VIP": 8 console.log("随意看,但有广告"); 9 break; 10 case "普通用户": 11 console.log("请充值,充值会让你更强大"); 12 break; 13 default: 14 console.log("你是属于非法进入"); 15 }
For
1 for (var i=0;i<10;i++) { 2 console.log(i) 3 } 4 5 6 var arr = [‘习大大向中国国际服务贸易交易会致贺信‘,‘句句箴言,品读习大大引用的诗词典故‘,‘习大大:培养一茬茬、一代代合格的红军传人‘] 7 var libiao = document.querySelector(‘#libiao‘) 8 for(var i=0;i<arr.length;i++){ 9 libiao.innerHTML += ‘<li>‘+ arr[i] + "</li>" 10 }
While
1 //从1+2+3。。。+100 =? 2 var n = 1 3 var result=0; 4 while(n<=100){ 5 result += n; 6 n++; 7 } 8 console.log(result) 9 10 var n = 1 11 var result=0; 12 do{ 13 14 result += n; 15 n++; 16 }while(n<=100) 17 console.log(result)
Continue
跳过当次循环
Break
跳过整个循环块
方式1:function count(a){ return x }
方式2:var count = function(){}
对函数调用时候,不会对参数做任何的检测。
arguments关键词:获取调用函数时候的所有参数
用return直接返回对象
注意:如果没有写返回值,那么函数默认会返回undefined
JavaScript的数组是可变长,里面的内容也是可以随意的替换,没有类型的限制
创建数组的方式
数组实现队列(先进先出)的2个方法:
Push:在数组最后添加元素
Shift:在数组的最前面删除元素
数组实现栈(先进后出)的2个方法:
Push:在数组最后添加元素
document.write() 用于在script中,能够使用html的标签。格式为:document.write("</br(标签名)>")
案例:用Js写出九九乘法表
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 </head> 7 <body> 8 <!--document.write() 用于在script中,能够使用html的标签。格式为:document.write("</br(标签名)>")--> 9 <script type="text/javascript"> 10 document.write("<caption>99乘法表</caption>") 11 document.write("</br>") 12 document.write("</br>") 13 document.write("<table cellpadding=‘5px‘>") 14 15 for(var i=1;i<=9;i++){ 16 document.write("<tr>") 17 for(var j = 1;j<=i;j++){ 18 // console.log(i+‘*‘+j+‘=‘+i*j) 19 document.write("<td>"+i+‘*‘+j+‘=‘+i*j+"</td>") 20 } 21 document.write("</tr>") 22 } 23 24 document.write("</table>") 25 </script> 26 27 </body> 28 </html>
标签:类型 cal 转换 调用 define lib result 大于 console
原文地址:https://www.cnblogs.com/qq308015824/p/10940642.html