初学js js基础知识

316 阅读4分钟

js基础

0.js入门

js的三种书写位置

		外部写法<script src>
		行内写法  (onclick)
		内部写法	<script>

js基础三大组成部分

		ECMAscript
		DOM	
		BOM

两种注释的写法

		单行注释  //  Ctrl+/
		多行注释/* */   Ctrl+shift +a

输入和输出语法

		alert() : 弹出提示框
		console.log() :控制台打印(给程序员自己看的)
		document.write() : 给页面添加内容(如果字符串中有标签,也可以解析)
		prompt() : 弹出一个输入框(输入框可以输入任何数据)
		confirm() : 弹出一个确认框(确认框有确认与取消按钮)

数据类型

五种基本的数据类型

		string:字符串型 (一切以  单引号''  双引号""  反引号``包起来的内容)
		number:数值型 (一切数学中的数值)
		boolean:布尔型(只有两个值  true(真)  false(假))
		undefined : 未定义 类型   只有一个值 undefined
		null : 空值  只有一个值 null

typeof

		语法结果:得到一个字符串来告诉你这个数据是什么类型。

变量

变量的基本用法

		变量的作用:在内存中存储数据
				
		声明变量:	在内存中开辟一个空间  用let来进行声明
			
		变量赋值:	=就是赋值运算符(把右边的数据存储到左边变量中)
		变量可以在声明的时候赋值
			

变量的注意事项

		变量不允许重复命名	
		变量重新赋值会先销毁旧值,然后再存入新值
		变量之间赋值是去出变量的数据复制一份,然后粘贴
		变量不可以直接交换,若要交换需要一个空值做中间值

变量的命名规则与规范

		规则: 1.变量名必须以: 字母、下划线_ 、$符号开头,结尾可以是字母、下划线_ 、$符号、数字
                            2.变量不能使用关键字作为变量名
			
		规范:   1.变量取名要有意义,最好是英文名词
			2.多个单词使用时使用驼峰命名法:第一个单词首字母小写,后面的单词首字母大写
			

常量

		常量:const  常量和变量都有存储的作用,但是常量不可以修改

js中数据的两种使用方法

		1.先存入变量中,通过变量取值语法来使用
			变量:指的是内存中的一块空间,里面的数据是可变的。(变量是内存空间)
		2.不存入变量中,直接使用
			字面量:指的就是一个固定的数据  
				注意:字面量永远不能存在=的左边 , 因为=好会把右边的数据存入左边的变量  而字面量只是一个数据,没有存储功能

运算符与表达式

	算数运算符	
		用于 数学算术运算  + - * / %(求模运算,相当于取余数) 
		算术表达式:由算术运算符组成的式子  例如   1+1
		任何表达式,都一定会有运算结果  要么存入变量  要么直接使用
	赋值运算符 (=  +=  -=  *=  /=   %=
*/)
		=指的是将右边的数据存入左边的变量,只有=可以改变变量的值
		+=指的是先进行相加,在存入变量,例如num += 5就相当于num=num+5
		其他的和+=类似
	自增自减运算符
		num++:num是变量名 ++是自增运算符   意思是自增加1
		num++相当于num+=1相当于num=num+1
		自减运算符和自增运算符类似 num--
	连接符	
		1.  +号只要遇到字符串,就会变成连接符	  例如:  '大家好,我的名字叫:' + name + '我的年龄是:'+ age
		2.模板字符串  `${变量名}`   例如:  `大家好,我的名字叫:${name},我的年龄是:${age}`         只有反引号有这个语法
		如果字符串不需要变量取值就使用单引号                        如果字符串需要变量时取值就用`${变量名}`  
	关系运算符
		作用:比较两个数据的关系
			符号有:>  >=  <  <=  ==(相等)  !=(不等)  ===(全等)  !==(不全等)
		关系表达式:有关系组成的式子	
		=号的注意事项	
			= : 赋值运算符   右边数据存入左边容器
			== : 相等运算  只比较值,不比较数据类型
			 === : 全等运算  既比较值,也比较数据类型
			关系表达式运算结果一定是布尔值,  true(成立)  false(不成立)
	逻辑运算符	
		作用:多个条件的关系 (成立/不成立)
		&&  逻辑与
			全真为真,一假全假
		||  逻辑或	
			全假为假,一真全真	
		!  逻辑非	
			取反   若果是true则输出的就过是false  反之则是true