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

JavaScript概论

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

JavaScript

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

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

JavaScript入门基础之变量、数据类型及转换、运算符_第1张图片

主流浏览器及内核

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

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

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

如何编写JavaScript代码

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

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

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

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

单行注释://
多行注释:/* */

JavaScript语法规则

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

JavaScript输入输出

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

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

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

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

变量

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

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

变量命名规范

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

JavaScript数据类型

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

JavaScript入门基础之变量、数据类型及转换、运算符_第2张图片

原始数据类型

String类型

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

字符串转义符
JavaScript入门基础之变量、数据类型及转换、运算符_第3张图片

    

在控制台可以发现str数据类型为字符串类型
在这里插入图片描述

Number类型

数字类型,既可表示32位整数,也可表示64位的浮点数
JavaScript入门基础之变量、数据类型及转换、运算符_第4张图片

布尔值

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

数据类型的转换

转换为数字型:

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

控制台显示可知字符串类型转换成了数值型类型
在这里插入图片描述
转换为字符串

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

转换为布尔型

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

运算符

算术运算符

JavaScript入门基础之变量、数据类型及转换、运算符_第5张图片
JavaScript入门基础之变量、数据类型及转换、运算符_第6张图片

比较运算符

JavaScript入门基础之变量、数据类型及转换、运算符_第7张图片

逻辑运算符

JavaScript入门基础之变量、数据类型及转换、运算符_第8张图片

赋值运算符

JavaScript入门基础之变量、数据类型及转换、运算符_第9张图片

三目运算符

语法:条件表达式 ? 表达式1 :表达式2
条件表达式若为真则输出表达式1,否则输出表达式2

运算符优先级

JavaScript入门基础之变量、数据类型及转换、运算符_第10张图片

你可能感兴趣的:(javascript)