码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript

时间:2019-05-28 22:31:02      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:类型   cal   转换   调用   define   lib   result   大于   console   

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()

布尔值:truefalse

Undefined:有申明但是未赋值。

Null:这是赋值了就是空的内容。

 

4 JS运算

 

算数运算

 

+

 

-

 

*

 

/

 

求余 %

 

 

 

赋值运算

 

+=

 

-=

 

*=

 

/=

 

%=

 

++

 

--

 

 

 

逻辑运算

 

和运算:&&

 

或运算:||

 

非:!

 

 

 

比较运算(关系运算符)

 

大于:>

 

大于等于:>=

 

小于:<

 

小于等于:<=

 

等于:==

 

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

 

全等于:===

 

备注:不做任何的类型转换,直接比较

 

不等:!=

 

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

 

全不等!==

 

备注:不做任何类型转换

 

 

 

 

 

条件运算

 

条件?为真的时候执行为假的时候执行

 

三元运算符

 

var a = 3;
var b = 4

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

 

 

5 JS流程控制

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

跳过整个循环块

 

6 函数和数组

 

函数

 

函数定义的方式

 

方式1function count(a){ return x }

 

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

标签:类型   cal   转换   调用   define   lib   result   大于   console   

原文地址:https://www.cnblogs.com/qq308015824/p/10940642.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!