【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

后续见:传送门


目录
相关文章
|
6天前
|
JavaScript Java 测试技术
用于日语词汇学习的微信小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
用于日语词汇学习的微信小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
17 0
|
6天前
|
JavaScript Java 测试技术
基于小程序的英语学习交流平台+springboot+vue.js附带文章和源代码设计说明文档ppt
基于小程序的英语学习交流平台+springboot+vue.js附带文章和源代码设计说明文档ppt
18 2
|
6天前
|
JavaScript Java 测试技术
基于小程序的移动学习平台+springboot+vue.js附带文章和源代码说明文档ppt
基于小程序的移动学习平台+springboot+vue.js附带文章和源代码说明文档ppt
13 0
|
7天前
|
前端开发 JavaScript 区块链
连接区块链节点的 JavaScript 库 web3.js
连接区块链节点的 JavaScript 库 web3.js
|
2天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的无纸化学习平台附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的无纸化学习平台附带文章和源代码设计说明文档ppt
7 2
|
2天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的初小教育课外学习生活活动平台附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的初小教育课外学习生活活动平台附带文章和源代码设计说明文档ppt
6 1
|
2天前
|
JavaScript Java 测试技术
基于ssm+vue.js的线上学习平台系统附带文章和源代码设计说明文档ppt
基于ssm+vue.js的线上学习平台系统附带文章和源代码设计说明文档ppt
10 0
|
3天前
|
JavaScript Java 测试技术
基于ssm+vue.js的经典诗文学习爱好者学习交流平台附带文章和源代码设计说明文档ppt
基于ssm+vue.js的经典诗文学习爱好者学习交流平台附带文章和源代码设计说明文档ppt
8 0
|
3天前
|
JavaScript Java 测试技术
基于ssm+vue.js的数据结构课程网络学习平台附带文章和源代码设计说明文档ppt
基于ssm+vue.js的数据结构课程网络学习平台附带文章和源代码设计说明文档ppt
12 2
|
3天前
|
JavaScript Java 测试技术
基于ssm+vue.js的中学课内小说阅读与学习系统附带文章和源代码设计说明文档ppt
基于ssm+vue.js的中学课内小说阅读与学习系统附带文章和源代码设计说明文档ppt
8 1