①初识JavaScript

最新推荐文章于 2024-05-27 09:34:15 发布
最新推荐文章于 2024-05-27 09:34:15 发布
阅读量1.5k 收藏 15
点赞数 30
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yihjh/article/details/122420482
版权

1输入和输出方式

1.1输出

在JavaScript中有两种输出方式

  1. alert()内置函数：在浏览器中弹出一个警示窗口警示，我们可以用来调试程序。就相当于在其他语言中的代码调试一样，在执行代码的过程中会停止在这个地方，执行完这个部分的代码会继续执行剩余部分的内容。
  2. console.log():在控制台中输出信息

其代码表示为：

<body>
	<script>
		alert('内置函数');
		console.log('显示在控制台了吧！');
	</script>
</body>

alert()内置函数会在浏览器中弹出“内置函数这个界面框（如下图1-1所示）”。

console.log()会在控制台显示出来，（如下图1-2所示）（我们可以通过(FN + F12) 然后点击console）。

图1-1alert()

 图1-2console.log()

1.2输入

在JavaScript中可以使用prompt()内置函数来进行输入。

<body>
	<script>
		console.log(prompt('请输入您的内容','000000000'));
	</script>
</body>
  1.  prompt（）是JavaScript的内置函数，我们可以直接使用无需创建。
  2. 这个对象有两个参数，第一是是提示信息，第二个是输入框内的默认值。
  3. 这个对象有一个返回结果--->就是我们输入的内容

2变量

2.1变量的定义

变量是给某一个值或对象标识进行一个名称的定义，它是程序在内存中申请的一块用来存放数据的空间。

2.2变量的使用

变量的使用分为两步

声明变量

        声明变量需要使用var关键字。

//var 变量名称；（格式）
var num;
  1.         在JavaScript中var是一个定义变量的关键字。使用这个关键字来定义后，就会在内存中开辟一份空间来进行存储。
  2. 当定义好这个变量后，就可以通过这个变量名称引用他的存储空间。

使用变量 

<script>
     var name;
     name = '张三';
     console.log(name); 
</script>

2.3变量的命名规则

  1. 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成。如：age, num01, _name
  2. 严格区分大小写。如：var app 和 var App 是两个变量
  3. 不能以数字开头。如：18age 是错误的
  4. 不能是关键字、保留字。例如：var、for、while
  5. 变量名必须有意义。
  6. 遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。如：loginUserN

3数据类型

JavaScript有以下几种数据类型；

  1. 数值型（Number）
  2. 字符串（String）
  3. 布尔型（Boolean）
  4. null（Null）
  5. undefined（Undefined）
  6. object(Object)

基本数据类型（1，2，3，4，5）

引用数据类型（6）

3.1数值型（Number）

数值型包括小数和整数。

最常见的为：二进制数（0b）、10进制数、八进制数（0o）、十六进制数（0x）。

判断数据类型可以用typeof关键字来进行判断

typeof 变量名称

console.log(typeof a);

最大值：MaxValue

console . log ( Number . MAX_VALUE ); // 1.7976931348623157e+308

最小值：Minvalue

console . log ( Number . MIN_VALUE ); // 5e-324

无穷大：Infinity

console . log ( Number . MAX_VALUE * 2 ); // Infinity

我们在JavaScript中可以通过isNAN来判断是否为数值类型

<script>
	var str = '今天天气不错';
	var num = 123;
    var a = null;
    var n = undefined;

	console.log(isNaN(str));//true
	console.log(isNaN(num));//false
    console.log(isNaN(a);//false
    console.log(isNaN(n));//true
</script>

通过代码我们可以发现对于isNaN（）

  • 如果这个值不是数字、undefined，就返回true。表示这个变量不是数值类型’
  • 如果这个值是数字、布尔类型、null就返回false，表示这个变量是数值类型。

3.2字符串（String）

在JavaScript中，字符串类型需要定义在英文的单引号或双引号中。但由于HTML中使用的是双引号，所以在JavaScript中建议使用单引号。

<script>
	var a = '今天是腊八节';
	var b = '快过年了';
	
	console.log(a,b);//今天是腊八节 快过年了
	console.log(typeof(a),typeof(b));//string string
</script>

1.获取字符串的长度

var str1 = '今天天气不错'
var str2 = '可以睡个午觉'
var str3 = "需要坚持！" 
// 得到字符串的长度，通过字符串的 length 属性 
var len = str1.length; console.log(len); // 6 
len = str2.length console.log(len);

通过字符串的length属性可以获取该变量的值对应的长度。

2.字符串拼接

在JavaScript中可以使用   +    来进行拼接。会将自负床连接起来形成一个新的字符串。

这个拼接出来的新字符串会重新在内存中有一个空间来进行存储。

因此，尽量少使用这种占内存的拼接方式。

除了字符串与字符串之间可以使用 + 号外，数值与字符串之间也可以使用 + 来拼接。例如： 
// 字符串与数值类型拼接 
var str5 = '2';
console.log(typeof str5); // string 
var str6 = 0; console.log(typeof str6); // number 
var str7 = str5 + str6; console.log(typeof str7); // string 
console.log(str7); // 20

当数值类型和字符串类型进行  +  操作时，会把数值类型的变量转换为字符串类型的变量，然后再进行拼接。

3.3布尔类型（Boolean）

布尔类型有两个值：true（真）、false（假）

var b1 = true; 
var b2 = false; 
console.log(typeof b1, typeof b2); 
console.log(b1, b2);

<body>
	<script>
		var a = true;
		var b = false;
		
		var c = a + 1;
		var d = b + 1;
		
		console.log(typeof c);//number
		console.log(typeof d);//number
	
		console.log(c,d);//2 1
	</script>

说明：

  1. 当布尔类型和数值类型进行算数运算时，会把布尔类型的值转换为数值类型的值。
  2. 如果这个布尔类型的值为true，他就会转换为数值类型的1.如果布尔类型的值是false，他就会转换成数值类型的0。

var b1 = true; 
var b5 = b1 + '3'; 
console.log(b5); // true3

说明

如果布尔类型和字符串类型进行拼接时，就会把布尔类型的变量值转换为字符串，然后再对其进行拼接操作。

 3.4null和undefined

var s = null; 
console.log(typeof s); // object 
console.log(s); // null 
var u = undefined; 
console.log(typeof u); // undefined 
console.log(u); // undefined




//当变量声明后，没有给这个变量赋值就使用这个变量时，会得到 undefined。
var n; 
console.log(n); // undefined

4.类型转换

在JavaScript有以下几种转换方式：

  1. 转换为字符串
  2. 转换为数值类型
  3. 转换为布尔类型

欢欢**
关注
  • 30
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
初识Javascript小结
10-23
本文是一个学习javascript的新手总结的一些关于javascript的方法，有需要的小伙伴可以参考下。
javascript 弹窗
X1810591257的博客
09-07 126
javascript 弹窗 ​ var dx=new Object(); ​ alert(dx); ​ var dx={}; ​ alert(dx); （1）添加属性 ​ **var dx =new Object(); ​ dx.name=“快了的鸭子” ​ alert(dx.name); （2）添加方法 ​ var dx=new Object(); ​ dx.tc= function(){ ​ return(“我是对象的方法”); } （2）方法中的选择弹窗 ​ var dx
引领自定义警报新时代：AlertX
最新发布
gitblog_00036的博客
05-27 297
引领自定义警报新时代：AlertX 项目地址:https://gitcode.com/neel-makhecha/AlertX AlertX 是一个专为SwiftUI设计的库，让你无需复杂操作就能轻松实现定制化的警报视图，就像使用内置系统警报一样简单。这个强大的工具让开发者在保持应用一致性的同时，也能展现独特的设计风格。 简单示例 import SwiftUI import AlertX ... ...
JS中的变量提升
Liwen_Ye的博客
04-03 281
在进入函数的执行环境中时，函数的声明会被提前到最开始，如下例子：var x = 1; function a() { alert(x); var x = 2; x++; alert(x); } function b() { alert(x); x++; alert(x); } if(0 &lt; 100 &lt; 0) { a();...
作用域和自由变量
田兴的博客
10-09 6779
作用域 变量作用域：就是一个变量可以使用的范围。 js中首先有一个最外层的作用域，全局作用域 js中可以通过函数来创建一个独立作用域，其中函数可以嵌套，所以作用域也可以嵌套 作用域链 变量的查找过程，称之为变量的作用域链。 全局作用域3种 1.在函数外部，使用var声明的变量 var a = 1; console.log(a); var b = 2; console.log(window) 2.在函数内部，不使用var声明的变量 function test() { a = 1; } test();
JavaScript学习
huifer
07-24 323
javascript 1. 用法HTML中的脚本不许放置在<script></script>标签之间 脚本可放置在HTML页面中的<body></body>和<head></head>标签之间``` //<script></script>标签之间 <script> alert("hello , world!") </script>//<body></body
初识JavaScript.md
09-02
对JavaScript的简单认识
初识javascript 文档碎片
10-29
在JavaScript中，文档碎片（Document Fragment）是一种轻量级的文档结构，它允许开发者在不直接操作DOM树的情况下，一次性地处理多个节点。这在处理大量动态内容时能显著提高性能，因为它减少了对DOM的操作次数，...
初识JavaScript（源代码）
05-31
初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识...
1.1 初识javascript
01-08
1.1 JavaScript实现 JavaScript跟ECMAScript不是一个东西，关系如下：  ECMAScript是核心部分，定义了语法规则  DOM是文档对象模型，定义了操作文档的方法  BOM是浏览器对象模型，定义了操作浏览器窗口的方法...
JavaScript（二）函数、变量的作用域、let、const、arguments关键字、方法、内部对象、面向对象编程
Hi~ 土拨鼠
02-06 258
四、函数 4.1、定义函数 定义方式一 绝对值函数 function abs(x){ if(x>=0){ return x; }else{ return -x; } } 一旦执行到 return 代表函数结束，返回结果！ 如果没有执行 return ，函数执行完也会返回结果，结果就是 undefined! 定义方式二 var a...
js中三种弹出框
weixin_33798152的博客
03-16 6099
javascript的三种对话框是通过调用window对象的三个方法alert()，confirm()和prompt()来获得，可以利用这些对话框来完成js的输入和输出，实现与用户能进行交互的js代码。 今天小编就来简单介绍一下js中的三种弹出对话框，小编先单独对这几个方法进行详细讲解，接着，将这几个方法进行对比，好了，开始我们的js之旅吧`(*∩_∩*)′...... 第一种：alert()...
ajax向php后台传参数时后台没收到,解决ajax传过来的值后台接收不到的问题
weixin_30358181的博客
03-28 464
问题描述：在前端js里面写了一个ajax，前端alertx出来的是1或者1,2格式的数据，但是在后台取到的值一直都是null。js代码如下：function confirmCourseSystem(){var findAllTrainProgramNameId = $("#findAllTrainProgramNameId").val();if(findAllTrainProgramNameId=...
JavaScript 弹出框:警告(alert)、确认(confirm)以及提问(prompt)
热门推荐
香柏傲雪的知识栏目
07-31 7万+
警告(alert)在访问网站的时候，你遇到过这样的情况吗？“咚”的一声，一个小窗口出现在你面前，上面写着一段警示性的文字，或是其它的提示信息。如果你不点击确定，你就不能对网页做任何的操作。没错，这个“咚”的小窗口就是alert干的。下面的代码是一段使用alert的实例。 alert("我是菜鸟我怕谁");我的个人观点是尽量少使用alert，它很不友好。甚至可能让一些方可
2021年将使用的10个SwiftUI库
互动教程网[www.hdjc8.com]
03-03 3677
SwiftUI确实改变了我们设计和思考iOS应用程序的方式。 在WWDC 2019上首次亮相后，Apple通过引入大量新视图，属性包装和自定义类型进一步提升了性能。 但是，声明性框架仍处于起步阶段。 SwiftUI的错误使得在生产中很难使用。 此外，我们还没有看到iOS应用程序中许多SwiftUI的高级用例。 无论如何，许多开发人员已经赶上潮流，并构建了一些惊人的SwiftUI库，您可以在iOS应用程序中插入和播放这些库。 让我们逐步了解其中的一些。 1. PermissionsSwiftUI 无
javascript alert函数应用实例
qq_46578318的博客
06-04 1489
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数..
JavaScript学习之操作字符串
lh18867489576的博客
12-18 127
## JavaScript学习笔记之操作字符串 一、 toUpperCase(); 把一个字符串全部变为大写 var x=“Hello World”; x.toUpperCase(); console.log(x);//输出&amp;quot;HELLO WORLD&amp;quot; 二、 toLowerCase(); 把一个字符串全部变为小写 var x=“Hello World”; x.toLowerCase(); co...
客户端函数弹窗_JS弹出对话框函数alert(),confirm(),prompt()
weixin_32010647的博客
02-12 838
1，警告消息框alert()alert 方法有一个参数，即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。2，确认消息框confirm()使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法...
Ajax基础教程详解：从初识到精通
"Ajax基础教程深入讲解Web技术发展史，涵盖了Ajax的工作原理和应用，适合JavaScript和Web开发者学习。" Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值