js基础知识

这篇博客详细介绍了JavaScript的基础知识,包括JavaScript的定义、数据类型(如数字、字符串、布尔、null、undefined)、变量、表达式与语句、数据类型判断、转换和运算符。此外,还讲解了数组、流程控制(如if语句、三元运算、switch语句、循环结构)以及函数的基本概念和用法。对于初学者来说,这是掌握JavaScript核心概念的重要资源。
摘要由CSDN通过智能技术生成

整理一些自己复习的js基础,希望对您有帮助。

JavaScript是什么?

  • JavaScript: 基于对象和事件驱动,运行在浏览器客户端的脚本语言。[js]

  • js引擎: 执行js代码

  • 渲染引擎: 内核

✔ js的运行环境: 运行在浏览器端的一种语言 ​ ✔ 最后将所有的js代码都要以对象的形式去执行,都要通过事件的方式去触发执行【DOM】

JavaScript 是脚本语言,是一种轻量级的编程语言。

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

在<script> 与 </script> 标签之间写js代码

JavaScript 有多种数据类型:数字,字符串,数组,对象等等

书写位置:

<body>
    <!-- 书写位置 -->
    <!-- 嵌入式 -->

    <script>
        // js代码
    </script>

    <!-- 外链式 -->
    <!-- 注意: 外链式标签内部不要写其它代码 -->

    <script src="./js/test.js"></script>

    <!-- 行内式 -->
    <!-- css   -->
    <!-- <div class="box" style="color: red;"></div> -->
    <div class="box" onclick="alert(666);"></div>
</body>

输出语句:

<body>
    <!-- 输出语句 -->

    <script>

        // 文档输出
        // document.write("我是<br>一句话");


        //  控制台输出   常用&重要
        // console.log("今天的天气很好");
        // console.error("哎呦,出错了呦~");
        // console.info("我是一句info");
        // console.warn("我警告你,离我远一点!!");


        // 有确定按钮的弹出框
        // alert("我是一个弹出框");

        // 有确定和取消两种按钮 弹出框
        // confirm("我能确定和取消");

        // 有确定 取消 和 输入框   的弹出框

        // prompt("我能输入啦,哈哈哈");
    </script>
</body>

变量:

变量

变量: 变量指的是在程序中保存数据的一个容器 变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据 简单说:用来保存数据

 定义变量
 		var  变量名;
 赋值
 		变量名 = 值;
    var 变量名 = 数据;
 总结:
	 1. 一个变量一次只能保存一个值
     2. 最后一次的赋值结果
     3. 变量是区分大小写(js区分大小写)

命名规则:

 必须遵守的,不遵守的话 JS引擎 发现并报错

1. 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成,如:var usrAge, num01, _name
2. 区分大小写 强调:JS 严格区分大小写 ,var app; 和 var App; 是两个变量
3. 不能 以数字开头,或者汉字定义变量名
4. 不能 是关键字、保留字 和 代码符号,例如:var、for、while、&, class
5. 不能出现空格
6.变量名必须有意义
7. 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。

数据类型:

数据类型: 数据类型指的是变量的数据类型

数据类型分为:简单数据类型,复杂数据类型

简单数据类型【number,string,boolean,null,undefined】
数值类型(number):


 凡是数字都属于该类型【整数,小数,负数】

☞ 只要变量的值是一个具体的数字,那么当前变量的数据类型就是数值类型

☞ number类型表示的数字大小:
	  最大值是±1.7976931348623157乘以10的308次方     Number.MAX_VALUE
	  最小值是±5 乘以10的-324次方								  	Number.MIN_VALUE

☞ 数值类型表示方式:(了解)

	 ✔ 十进制表示
   
		var  n1=10,n2=9,n3=100;

	 ✔ 十六进制表示
   
		以 0x 开头 0到9之间的数字,a(A)-f(F)之间字母构成。 a-f对应的数字是10-15
		[0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f]

		var num = 0xA;

	 ✔ 八进制表示
   
		八进制直接以数字0开始,有0-7之间的数字组成。[0,1,2,3,4,5,6,7]
  	var num1 = 07;   
  	var num2 = 06;  
  	var num3 = 05;   

☞ 备注:
	 进行算数计算时,八进制和十六进制表示的数值最终都将被转换成十进制数值。

字符串类型:

字符串可以是引号中的任意文本。可以使用单引号或双引号
	如果数据是字母,符号,汉字,这些都是字符串类型,字符串类型的就要加引号
☞ 在js中一般写字符串类型的变量时候,推荐使用单引号。
	字母,汉字,符号作为数据存在必须要用引号包含【var num = "abcdefgabcd""aaaaaaaaa";】

  不管是什么数据如果用引号包含就变成字符串类型

	1、字母,汉字,符号
	2、只要是字符类型都要加引号
	3、字符串和字符串不能直接挨着写

☞ 注意:
	 1. 单引号和双引号之间的嵌套
			例如: 输出    我是"高帅富"程序猿;  
  
   2. 转义字符【\】
	 \n      换行
   \\		   斜杠
   \'		   单引号
	 \"		   双引号
	 \r 	   回车符
  例如:
  var strMsg = 'I'm the GOD of my world ~!';   //输出:I'm the GOD of my world ~!
  var strMsg2 = "I"m the GOD of my world ~!";  //输出:I"m the GOD of my world ~!
  var strMsg3 = '反斜杠是这个 \\,神奇!';  //输出:反斜杠是这个 \,神奇!
  • 布尔类型
     true(真)  和 false (假)
    只有两种结果(只有两种状态),全都是用布尔值表示

  • null空类型,undefined类型(了解)

    //如果一个变量没有赋值,该变量的默认是undefined
    var n1;
    //如果一个变量的值是undefined,那么该变量的数据类型就是undefined类型

    复杂数据类型

  • object类型【万物皆对象】

  • array数组

表达式和语句

表达式

一个表达式可以产生一个值,有可能是运算、函数调用、有可能是字面量。表达式可以放在任何需要值的地方。

语句

语句可以理解为一个行为,循环语句和判断语句就是典型的语句。一个程序有很多个语句组成,一般情况下;分割一个一个的语句

数据类型判断

使用  typeof 变量  可以得到对应变量的数据类型
 ☞ 例如:
	   var n1 = 123;
		//获取n1的数据类型
		console.log(typeof n1);
		var n2 = '123';
		console.log(typeof n2);
		var n3 = true;
		console.log(typeof n3);

判断一个变量是不是数字

NaN:not a number【特殊值】 isNaN:is not a number【判断】

用来判断一个值是否是数字,如果是数字得到的false,如果不是数字得到的是true

isNaN(n):'aaa' is not a number

isNaN:==》is not a number

isNaN(n) ==》 n is not a number

isNaN(x) 方法
	==>x是数字{false}
	==>x不是数字{true}
is not a number
isNaN(n)==>3 is not a number

例如:
	var usrAge = 21;
  var isOk = isNaN(usrAge);
  console.log(isNum); // false ,21 不是一个 非数值

  var usrName = "James";
  console.log(isNaN(usrName));//true ,"James"是一个 非数值

数据类型转换

转数值类型【Number,parseInt,parseFloat】

 Number(变量):
  	 总结:
     	  1. 可以通过该方法将数据类
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值