【JavaScript】JS基础学习

简介: 【JavaScript】JS基础学习

快速入门

2.1 我的第一个javascript

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01.01</title>
</head>
<body>
    <!--内部标签-->
    <script>
        alert('hello world in');
    </script>
    <!--外部引入 注意:script必须成对出现-->
    <script src="js/qj.js"></script>
    <!--不用定义 默认就是这个-->
    <script type="text/javascript"></script>
</body>
</html>
alert('hello world out');

2.2 基本语法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本语法</title>
    <script>
        //1.定义变量 变量类型(var)变量名=变量值
        var num=1;
        //2. 条件控制
        if(2>num) alert("true");
        // 3.调试:在网页的console中输入console.log()
    </script>
</head>
<body>
</body>
</html>

2.3 数据类型

变量

var a=1;

number

js不区分小数和整数

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

字符串

'abc'
"abc"

布尔值

true和false

逻辑运算

&&
||
!

比较运算符

=
== 等于(类型不一样 值一样 为true)
=== 绝对等于 (类型一样 值一样 才为true)

NaN===NaN 和所有数都不相等,包括自己

isNaN(NaN) 判断这个数是否为NaN

(1/3) === (1-2/3) false 精度损失 尽量避免使用浮点数进行运算

浮点数判断相等:Math.abs(1/3-(1-2/3)<0.00000001)

null和undefined


null 空

undefined 未定义

数组

var arr=[1,2,3,4,'hello',true,false] //尽量用这个
new Array(1,2,3,4,'hello',true,false)

取数组下标 如果越界了 则会undefined

对象

var person={
            name:"yiui",
            age:3,
            tags:[1,2,0]
        }

2.4 严格检查模式

'use strict' //严格检查模式 预防js的随意性导致产生的问题 必须写在第一行
//局部变量用let定义

3 数据类型

  • 正常字符串使用单引号或双引号包裹
  • 转义字符 \
  • \n
  • \t
  • \u4e2d Unicode字符
  • \x41 ASCII字符

多行字符串编写

var s=`
            你好
            你好
        `;

模板字符串

 <script>
        'use strict'
        let name="yiui";
        let age=3;
        let meg=`你好,${name}`;//EL表达式
    </script>

20200401134307494.png

后续见:传送门


目录
相关文章
|
1月前
|
JavaScript 前端开发
JavaWeb JavaScript ③ JS的流程控制和函数
通过本文的详细介绍,您可以深入理解JavaScript的流程控制和函数的使用,进而编写出高效、可维护的代码。
74 32
|
3月前
|
JavaScript 前端开发
【JavaScript】——JS基础入门常见操作(大量举例)
JS引入方式,JS基础语法,JS增删查改,JS函数,JS对象
|
4月前
|
JavaScript 前端开发 Java
springboot解决js前端跨域问题,javascript跨域问题解决
本文介绍了如何在Spring Boot项目中编写Filter过滤器以处理跨域问题,并通过一个示例展示了使用JavaScript进行跨域请求的方法。首先,在Spring Boot应用中添加一个实现了`Filter`接口的类,设置响应头允许所有来源的跨域请求。接着,通过一个简单的HTML页面和jQuery发送AJAX请求到指定URL,验证跨域请求是否成功。文中还提供了请求成功的响应数据样例及请求效果截图。
springboot解决js前端跨域问题,javascript跨域问题解决
|
4月前
|
JavaScript 前端开发
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
|
4月前
|
Web App开发 JavaScript 前端开发
如何学习JavaScript?
如何学习JavaScript?
96 5
|
4月前
|
JSON JavaScript 前端开发
使用JavaScript和Node.js构建简单的RESTful API
使用JavaScript和Node.js构建简单的RESTful API
|
4月前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
50 2
|
4月前
|
存储 JavaScript 前端开发
JavaScript学习第一章
本文档介绍了JavaScript的基础知识,包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性,以及JavaScript中的变量类型(`var`、`let`、`const`)和数据类型(基本数据类型与引用数据类型)。通过实例代码详细解释了JavaScript的核心概念,适合初学者入门学习。
74 1
|
5月前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
58 2
|
5月前
|
JavaScript
js学习--九宫格抽奖
js学习--九宫格抽奖
39 2

热门文章

最新文章