ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

JavaScript基础

2022-04-01 01:32:54  阅读:168  来源: 互联网

标签:console log 基础 JavaScript NaN var num1


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的匿名类很像,不需要声明值来接收对象。

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

标签:console,log,基础,JavaScript,NaN,var,num1
来源: https://www.cnblogs.com/rsp2012/p/16084931.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有