javascript学习（一）

我的第一个JavaScript代码

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script>
 7         alert('hello');
 8     </script>
 9 </head>
10 <body>
11
12 </body>
13 </html>

1.java框架

JQ

Angular

React

Vue

Axios

2.  UI框架

Ant-Design

ElementUI

Bootstrap

一 两种引入方式

1 内部引用

<script src="qj.js"></script>

2 外部引用

<script>
//...
</script>

　　二 变量

      java --->定义变量       变量类型  变量名=变量值；

      JavaScript 

var num=1;  //JavaScript严格区分大小写

　　打印变量

console.log(score)

　　三 数据类型

数值，文本，图形，音频，视频...

      number  JavaScript不区分小数与整数，number*

123  //整数123
123.1 //浮点数123.1
1.123e3 //科学计数法
-99  //负数
NaN // not a number
Infinity  //表示无限大的数

　　字符串

‘abc’“abc”

　　布尔值

true false

　　逻辑运算

&& ||  ! //与或非

　　比较运算符

=  //赋值
== //等于（类型不同但值相同，会判断为ture）
=== //绝对等于（类型一样，值也一样，才会为true）

　　由于js的缺陷，坚持不使用==进行比较*

 

*须知

NaN这个与所有的数值都不相等，包括他自己；

只能通过isNaN(NaN)来判断这个数是否是NaN！

 

浮点数问题

console.log((1/3) ===(1-2/3))    //错误写法

　　原因：要避免使用浮点数来进行计算，会出现精度问题！

math.abs((1/3)-(1-2/3))<0.0000001    //可以的写法

　　null和undefined

         null 空                    undefined 未定义

四 数组

java的数值必须是相同类型的对象，但是JavaScript中可以不用。

//保证代码的可读性，尽量使用[]

var arr=[1,2,3,4,5,'hello',null,true];

new array(1,2,3,4,'hello');

　　

//取数组下标     越界
console.log(arr[8])
//结果 ：undefined

　　五 对象

区别：对象是大括号，每个属性用逗号隔开，最后一个不需要；数组是中括号~

var person ={
name:”qinjiang”,
age:3,
tag:[‘js’,’java’,’web’,’...’]
}
//person.name
 "qinjiang"
  person.age
  3

　　

因为JavaScript过于不严谨，所以为了规范，需在代码前添加'use strict',须写在代码前<head>中~

<script>
‘use strict’
//var为全局变量，所以在这种情况下最好不要使用*
let i=1;         // ES6 let
</script>

 

　　

 

 

 

------------恢复内容结束------------

posted @ 2020-04-20 21:12  MomoCC1998  阅读(107)  评论(0)    收藏  举报