JavaScript入门基础之变量数据类型及转换运算符

Posted 2021-07-12 开到荼蘼223's

javascript概论

JavaScript 是互联网上最流行的脚本语言，这门语言可用于 html 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是属于 HTML 和 Web 的编程语言，编程令计算机完成您需要它们做的工作。

JavaScript

完整的JavaScript由以下三部分组成：

• ECMAScript (核心)
• BOM (浏览器对象模型)
• DOM (文档对象模型)

主流浏览器及内核

• Firefox(火狐)->Gecko
• Chrome(谷歌)->Webkit->Blink
• IE(IE6,IE7,IE8,IE9,IE10,IE11)->Trident
• Opera(欧朋)->Webkit
• Safari->Webkit

浏览器内核通过以下两部分对页面内容渲染：

• 内容排版引擎——解析HTML/CSS
• 脚本解释引擎——解析Javascript

如何编写JavaScript代码

• 行内嵌入式：
  事件名=“JavaScript代码”
• 页内嵌入式:

<script>
      JavaScript代码
</script>

• 外部链接式(推荐使用)：
  先创建.js文件
  通过 script 标签将外部的js文件链接到页面中

<script type="text/javascript" src="./JavaScript/d2.js" ></script>

在我们日常学习时要养成写注释的好习惯

注释不会被Javascript引擎解释执行

单行注释：//
多行注释：/* */

JavaScript语法规则

• 严格区分大小写
• 对空格、换行、缩进不敏感，一条语句可以分多行书写
• 若一条语句结束换行书写下一条语句，语句后面的分号可以省略

JavaScript输入输出

• 消息框：alert(字符串);

• 确认消息框：confirm(字符串);

• 控制台输出：console.log(字符串)

• 输入消息框：prompt(“字符串”)

变量

变量：是内存中一块存储空间
变量的使用：

• 声明变量：var 变量名（在内存中分配一个存储区）
• 变量赋值：var 变量名 = 数据
• 变量初始化：var 变量名=数据 （声明变量同时赋值）

变量命名规范：

• 第一个字符必须是一个字母、下划线（_）、美元符号($)
• 剩下的其他字符可以是字母、下划线、美元符号或数字
• 严格区分大小写
• 不能是关键字、保留字
• 推荐使用驼峰式命名

JavaScript数据类型

Javascript数据类型分为两类：原始类型和引用类型（对象类型）;
可以使用typeof()来判断数据类型

原始数据类型：

String类型

首尾由一对单引号或者双引号括起来，表示一系列的文本字符数据，特殊字符需要转义符

字符串转义符

    <script>
        var str = '欢迎来到JavaScript世界！';
        console.log(typeof(str));
    </script>

在控制台可以发现str数据类型为字符串类型

Number类型

数字类型，既可表示32位整数，也可表示64位的浮点数

布尔值

Boolean(布尔值)类型是ECMAScript中使用最频繁的类型之一，有两个值：true和false。
注意：布尔值字面量true和false是区别大小写的。

数据类型的转换

转换为数字型：

• parseInt(字符串)
• parseFloat(字符串)
• 使用Number()将字符串转为数字型
• 利用算术运算符隐式转换

    <script>
        var str = '123'
        num = parseInt(str)
        console.log(num)
        console.log(typeof(num))
    </script>

控制台显示可知字符串类型转换成了数值型类型

转换为字符串

• 利用“+”拼接字符串
• 利用toString()转换成字符串
• 利用String()转换成字符串

转换为布尔型

• 使用Boolean（）
  在使用Boolean（）转换时，代表空、否定的值会被转换为false，其余的值转换为true。

运算符

算术运算符

比较运算符

逻辑运算符

赋值运算符

三目运算符

语法：条件表达式 ？ 表达式1 ：表达式2
条件表达式若为真则输出表达式1，否则输出表达式2

运算符优先级