JavaScript学习笔记—— 快速入门(基本语法/数据类型快速浏览)

目录

一、什么是JavaScript

二、JavaScript快速入门 

2.1 引入JavaScript

2.2 基本语法入门

2.3 数据类型快速浏览

2.4 严格检查模式

---

本文为观看【狂神说Java】JavaScript最新教程通俗易懂_哔哩哔哩_bilibili 视频的学习笔记

一、什么是JavaScript

• JavaScript 是互联网上最流行的脚本语言
• 解释型或即时编译型语言
• JavaScript的标准是ECMAScript
• 所有现代浏览器都完全支持 ECMAScript 5

二、JavaScript快速入门 

2.1 引入JavaScript

创建一个空项目，新建一个HTML文件

①页面内编写

在页面内的 script 标签中写JavaScript代码，一般放在 head 标签中或 body 标签中的最下方

实现效果：浏览器弹窗，内容：hello world！

②外部引入

新建一个js文件夹，在文件夹中存放JavaScript文件

out.js

alert("hello JavaScript!");  //弹窗，内容：hello JavaScript!

引入外部js文件out.js  注意：这里的script标签一定要成对出现

实现效果：浏览器弹窗，内容：hello JavaScript！

2.2 基本语法入门

JavaScript 严格区分大小写

①定义变量        

• 变量必须以字母开头
• 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
• 变量名称对大小写敏感（y 和 Y 是不同的变量）

变量类型 变量名 = 变量值；

实现效果：浏览器弹窗，内容：num的值

② 流程控制

score=71 70

2.3 数据类型快速浏览

js提供了 typeof 运算符，用来检测一个变量的类型

① number 

 js不区分小数和整数

    123           //整数
    123.1         //浮点数
    1.123e3       //科学计数法
    -99           //负数
    NaN           //Not a Number
    Infinity      //无限大

键盘 F12 或 鼠标右键->检查 进入浏览器控制台

② 字符串

字符串可以是插入到单引号或双引号中的任何字符

③ 布尔值

• true
• false

④ 逻辑运算

&&     //两个都为真，结果为真
||     //一个为真，结果为真
!      //真即假 假即真

        &&     两个都为真，结果为真

        ||     一个为真，结果为真

        !      真即假 假即真

⑤ 比较运算符

JavaScript的缺陷，坚持不要使用 == 比较

 =           //赋值
 ==          //等于 类型不一样，值一样，也会判断为true
 ===         //绝对等于 类型一样，值一样，结果为true

须知：

• NaN 与所有数值都不相等，包括自己

• 只能通过isNaN(NaN)来判断这个数是否是NaN

浮点数问题：(1/3)与1-(2/3)是否相等？

尽量避免使用浮点数运算，存在精度问题

⑥ null 和 undefined

• null  空
• undefined 未定义

⑦ 数组

Java的数组必须是一些列相同类型的对象，JS中不需要这样

 //保证代码可读性，尽量使用 [ ]
 var arr=[1,2,3,4,5,'hello',null,true];
 new Array(1,12,3,4,'hello',null);

取数组下标越界会返回 undefined

⑧ 对象

对象是大括号 { }，数组是中括号 [ ]，每个属性之间用逗号隔开，最后一个不需要。

    var person={
        name:"hhhhh",
        age:3,
        tags:['js','java','web']
    }

取对象的值 对象名.属性

2.4 严格检查模式

• 设置支持ES6语法
• 严格检查模式,预防JS的随意性导致产生的一些问题
• 必须写在第一行

防止篇幅过长，后续内容的笔记放在另外的几篇博客中，陆续更新

JavaScript学习笔记——数据类型详解

JavaScript学习笔记——函数

JavaScript 学习笔记——内部对象/面向对象编程