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。

条件控制

//定义变量
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基础的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

Java教程