Java教程

JavaScript基础

本文主要是介绍JavaScript基础,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

JavaScript基础

不要问我为啥跳过CSS....样式表这种坑爹的东西不是很想碰,复习下HTML基础,直接JavaScript走起来。

 

JavaScript是一门世界上最流行的脚本语言。

一个合格的后端程序员,必须要精通JavaScript!

 

JavaScript引入

html示例代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    行内写法-->
    <!--    type的定义类型默认就是有的,不用显示定义!-->
    <script type="text/javascript">
        alert('Hello,World!')
    </script>
​
    <!--    外部写法-->
    <!--    HTML5中script标签必须成对,不能自闭合!-->
    <script src="../js/hello.js"></script>
    
</head>
<body>
​
</body>
</html>

 

外部js示例代码:

alert('Hello,World!')

真的就这一行,没有其他的了.....我也很懵逼。

 

JavaScript控制台

主要用到的几个区:

  • Elements 网页元素,html元素和css

  • Console 控制台,测试js

  • Sources 源,源码

  • Network 网络,管理请求

  • Application 应用,饼干,主要用这个。

 

使用Console选项卡调试。

  • alert

    弹窗打印

  • console.log

    打印到浏览器的控制台

JavaScript语法

Js的语法跟Java不能说一样,丐版Java名副其实。

 

定义变量

var num1 = 2;
var num2 = 4;

JavaScript中只有一种变量类型,var。

JavaScript中只有一种变量类型,var。

JavaScript中只有一种变量类型,var。

 

条件控制

//定义变量
var num1 = 2;
var num2 = 4;
​
//条件控制
if (num2 > num1) {
    //弹窗打印信息
    alert(num2);
    //打印到控制台
    console.log(num1)
} else {
    //弹窗打印信息
    alert(num1);
    //打印到控制台
    console.log(num2)
}

只能说一毛一样了。

 

数据类型和逻辑运算符

number

javascript不区分整数和浮点数。

123     //整数    123
123.123     //浮点数   123.123
12e123      //科学计数法 1.2e÷124
-55     //负数    -55
Infinity    //无穷大   Infinity
NaN     //非数(不是一个数) NaN     NaN与所有值都不相等包括自己

 

精度问题

console.log((1 / 3) === (1 - 2 / 3))
//结果为false
​
//尽量使用Math类的绝对值方法来判断约等于
console.log(Math.abs((1 / 3) - (1 - 2 / 3)) < 0.0000000001)

同Java一样,在JavaScript中也尽量避免浮点数运算。Math也是老朋友了

 

字符串

"abc"       //字符串   'abc'
'abc'       //字符串   'abc'

 

布尔值

true        //布尔值   true
false       //布尔值   false

 

运算符

&&      //与 两个为真就是真
||      //或 一个为真就是真
!       //非 真就是假,假就是真
=       //赋值
==      //等于    类型不一样,值一样,也会是true
===     //绝对等于  必须要类型一样,值也一样才是true

“==”是JavaScript的一个缺陷,一定注意用“===”比较。

判断NaN时,因为NaN的特性,使用“isNaN(NaN)”来判断这个数是否是NaN。

 

数组

var array = [1, 2, 3, 'hello', null, -55]
var arr = (1, 2, 3, 'hello', null, -55)
> console.log(array[3])
  hello

 

JavaScript因为只有一种数据类型var,所以数组里面可以包含各种东西,甚至用小括号声明元素。玩得有点花

为了代码的可读性,以及规范要求,请避免使用小括号声明数组元素。

 

拓展

null        //值为空
undefined       //变量未定义

 

对象

var Person = {
    name: "Crow",
    age: 18,
    gender: '男',
    tags: ["java", "C", "C#", "JavaScript", 1, 2, 3, 4, 5, null]
}
> Person.name
< 'Crow'

 

跟Java的匿名类很像,不需要声明值来接收对象。

里面的东西全是键值对,使用上有点像对象取值,直接类名去点属性名就可以了。

这篇关于JavaScript基础的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!