【Web前端笔记11】JavaScript基础与变量

最新推荐文章于 2024-07-23 12:36:06 发布

墨倾许

最新推荐文章于 2024-07-23 12:36:06 发布

阅读量681

点赞数 10

分类专栏： Web前端学习笔记文章标签：前端笔记 javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_45498824/article/details/136263353

版权

Web前端学习笔记专栏收录该内容

16 篇文章 1 订阅

订阅专栏

3、JavaScript与ECMAScript的关系

五、JavaScript引入到HTML文件中

1、嵌入到HTML文件中

2、引入本地独立JS文件

3、引入网络来源文件

六、JavaScript注释与常见输出方式

1、JavaScript注释

2、JavaScript输出方式

前言

从这篇博文开始，进入到JavaScript的学习咯！

11 JavaScript基础与变量

一、Js简介

轻量级脚本语言，可以部署在多种环境

常见部署环境：浏览器

1、JavaScript核心部分：

基本的语法构造（操作符、控制结构、语句）；
标准库（一系列各种功能的对象，例如Array、Data、Math等）

还提供额外API，包含

浏览器控制类
DOM类
Web类

2、有非常广泛的使用领域

浏览器的平台化
跨移动平台
数据库操作
Node.js

3、JavaScript与ECMAScript的关系

ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现。在日常场合，这两个词是可以互换的。

4、JavaScript版本

二、JavaScript名词解释

语句：以行为单位，以分号结尾；

变量：其表示的值可以发生改变；

var a; /*a就是一个变量，a是变量名*/

ps：创建一个变量的过程就叫变量的声明；

给变量一个具体的值的过程叫做变量的赋值（变量在赋值之前必须被声明），例如a=10；

将变量的声明和赋值写在一起的方式叫做变量的初始化，例如var a=10；

 /*script标签表示脚本,可以在script标签中编写js代码,也可以通过script的src属性来引入外部的脚本文件 注意:script可以写在HTML文件的任意位置,不过一般写在body的最后., */

三、变量命名规则

JavaScript语言的标识符对大小写敏感；
由字母、数字、下划线和美元符号组成，首字母不能是数字；
不能用关键字（保留字）来命名变量；

常用命名方式：

驼峰命名法（首字母大写，其余字母小写）

ps:命名要有意义。

四、变量类型

六大基本数据类型：

number 数字类型
object 对象类型
underfined&null 未定义类型&空类型
*Array 数组类型（不是基本数据类型）
boolean 布尔类型
string 字符（串）类型

【typeof 运算符可以查看变量的类型】

<script type="text/javascript"> 
    var a; 
    a=10; 
    console.log(typeof a); 
    a=true; 
    console.log(typeof a); 
</script>

1、数字类型

只有一种数字类型，可以带小数点，也可以不带；

var x=34.00; //使用小数点来写 
var x=34; //不使用小数点来写 
var x=314e2; //极大或极小的数字可以用科学计数法 
var a=314e2 //a=31400 
var b=123e-5 //b=0.00123

2、字符串类型

在js中字符串类型是用来存储字符的类型，可以使用单双引号定义。

注意：字符串在定义时只要写在引号内部即可，但是唯一不能写在内部的是外部定义时用的引号。

var str1=''; 
var str2='a'; 
var str3='hello world'; 
var str4="good sxt"; 
var str5='my name is "sxt"'; //会报错，注意不能用外部定义时的引号

3、布尔类型

可以用来判断真假的数据类型

类型值：true/false

var flag=true; 
var flag2=false; 
console.log(typeof flag);

4、未定义类型undefined

用来描述当变量的值不确定时，变量所表示的类型

注意：未定义类型中有一个值就是undefined。

var item; 
console.log(typeof item);

空类型：表示对象为空

5、Js用法和输出函数

JavaScript可以通过不同的方式来输出数据。

window.alert() 弹出警告框
console.log（）写入到浏览器的控制台
document.write（）将内容写入到HTML文档中

<script> 
    document.write("1.1"); 
    document.write("1.2") 
    document.write("1.3") 
</script> 
<script>             
    document.write("2.1"); 
    document.write("2.2") 
    document.write("2.3") 
</script> 
<script> 
    document.write("3.1"); 
    document.write("3.2") 
    document.write("3.3") 
</script3

五、JavaScript引入到HTML文件中

1、嵌入到HTML文件中

<body>
    <script>
        var age = 20
    </script>
</body>

2、引入本地独立JS文件

<body>
    <script type="text/javascript" src="./mix.js">       </script>
</body>

3、引入网络来源文件

<body>
    <script src="http://code.jquery.com/jquery1.2.1.min.js">    </script>
</body>

六、JavaScript注释与常见输出方式

1、JavaScript注释

源码中注释是不被引擎所解释的，它的作用是对代码进行解释。

Javascript 有两种注释的写法：

单行注释，用//起头；
多行注释，放在/和/之间。

// 单行注释


/*
 这是
 多行
 注释
*/

2、JavaScript输出方式

JavaScript有很多种输出方式，都可以让我们更直观的看到程序运行的结果

// 在浏览器中弹出一个对话框,然后把要输出的内容展示出来,alert都是把要输出的内容首先转换为字符串然后在输出的
alert("要输出的内容");


document.write("要输出的内容"); 


// 在控制台输出内容
console.log("要输出的内容");

墨倾许

关注

10
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
【Web前端笔记11】JavaScript基础与变量

目录前言11 JavaScript基础与变量一、Js简介1、JavaScript核心部分：2、有非常广泛的使用领域3、JavaScript与ECMAScript的关系4、JavaScript版本二、JavaScript名词解释三、变量命名规则四、变量类型六大基本数据类型：1、数字类型2、字符串类型3、布尔类型4、未定义类型undefined5、Js用法和输出函数五、JavaScript引入到HTML文件中1、嵌入到HTML文件中
复制链接

扫一扫

专栏目录