Javascript

Posted 2021-12-10 qq308015824

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Javascript相关的知识，希望对你有一定的参考价值。

1 初始javascript

JavaScript的应用

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

应用：

PC浏览器/PC软件/手机浏览器/手机app/微信小程序/微信公众号开发/硬件开发/服务器开发/AR/VR/深度学习/机器学习

JS掌握的知识：

基础语法

JS面向对象

JS事件

JS处理文档对象-DOM对象

JS处理浏览器对象-BOM对象

JS跟后台进行交互-AJAX

JQuery

JAVA-SERVLET-JSP

2 JS的使用

js使用

方法一：

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标签里的代码完成后再进行解释执行整个代码。

3 JS变量

申明变量

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：这是赋值了就是空的内容。

4 JS运算

算数运算

加 +

减 -

乘 *

除 /

求余 %

赋值运算

逻辑运算

和运算：&&

或运算：||

非：!

比较运算(关系运算符)

大于：>

大于等于：>=

小于：<

小于等于：<=

等于：==

备注：js在做比较的时候会进行转换，如果能够通过类型转换成一样的内容，就为真。

全等于：===

备注：不做任何的类型转换，直接比较

不等：!=

备注：这个在比较的时候会做类型转换，转换之后还是不能一样，才是不等

全不等！==

备注：不做任何类型转换

条件运算

条件？”为真的时候执行”：”为假的时候执行”

三元运算符

var a = 3;
var b = 4

var c = a>b?"大于":"小于";
console.log(c)

5 JS流程控制

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

跳过整个循环块

6 函数和数组

函数

函数定义的方式

方式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>

以上是关于Javascript的主要内容，如果未能解决你的问题，请参考以下文章

30秒就能看懂的JavaScript 代码片段

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段（上）

如何将此 JavaScript 代码片段翻译成 Parenscript？

javascript 代码片段

javascript JS-常用代码片段